Vue.js 是一種用于構建用戶界面的漸進式框架。當我們在使用 Vue.js 時，我們可能需要獲取當前端口號以便進行一些操作。在這篇文章中，我們將介紹如何使用 Vue.js 獲取端口號。

首先，我們需要使用 JavaScript 來獲取當前 URL 。我們可以使用 window.location 對象來獲取 URL 。這個對象是一個全局對象，它包含當前正在加載的文檔的 URL 信息。

let currentUrl = window.location;
console.log(currentUrl);

接下來我們需要從 URL 中解析出端口號。我們可以使用 currentUrl.port 來獲取端口號，但是這種方法不是很理想，因為不是所有 URL 都包含端口號。

為了更好地獲得端口號，我們可以通過檢查 currentUrl.protocol 來確定 URL 實際上使用的協議。如果該協議是 http，則當前端口是 80，如果是 https，則當前端口是 443。否則，我們可以使用 currentUrl.host 屬性來獲取主機名和端口號，然后使用正則表達式從中提取出端口號。

let currentUrl = window.location;
let port = currentUrl.protocol == "https:" ? 443 :
currentUrl.protocol == "http:" ? 80 :
currentUrl.port;
console.log(port);

現在，我們已經成功獲取了當前端口號，可以在使用 Vue.js 進行相關操作時應用這個端口號了。