VUE框架是一種流行的前端框架，它為開發人員提供了一個靈活的工具包，包括組件、指令和事件等。在開發過程中，我們可能需要獲取當前網頁的URL，以便根據該URL進行一些操作。下面介紹如何使用Vue.js獲取當前網頁的URL。

在Vue中，可以通過訪問window.location對象來獲取當前網頁的URL。該對象提供了一些有用的屬性，包括href、host、pathname、search和hash，可以分別獲取網址、主機、路徑、查詢和哈希部分的值。下面是一個使用Vue.js獲取當前網頁URL的示例代碼：

mounted() {
console.log(window.location.href); // 輸出當前完整的URL
console.log(window.location.host); // 輸出當前主機名
console.log(window.location.pathname); // 輸出當前路徑
console.log(window.location.search); // 輸出當前查詢字符串
console.log(window.location.hash); // 輸出當前哈希部分
}

在這個示例中，我們使用mounted()生命周期函數來獲取當前網頁的URL。通過訪問window.location對象的屬性，我們可以分別輸出當前URL的不同部分的值。這些值可以用于構建URL，并在VUE應用程序中進行一些自定義的操作。

如果需要獲取URL中的查詢參數，可以使用URLSearchParams API來解析查詢字符串，這是一個新的JavaScript API，可以在現代瀏覽器中使用。下面是一個示例代碼：

mounted() {
const params = new URLSearchParams(window.location.search);
console.log(params.get('id')); // 輸出查詢參數id的值
}

在這個示例中，我們使用URLSearchParams API來解析查詢字符串，并獲取查詢參數id的值。該值可以用于從服務器獲取相關數據或在Vue應用程序中進行一些自定義的操作。