在前端開發中，我們經常需要獲取當前頁面的url值。在Vue框架中，獲取url值可以通過以下方式實現。

const url = window.location.href;
console.log(url);

以上代碼通過window對象的location屬性獲取了當前頁面的url值，并將其賦值給url變量。這個方法相對來說比較簡單，也是比較兼容的方式。在不同瀏覽器中都可以使用。但是這種方式無法獲取url中的參數值。

為了獲取url中的參數值，我們可以使用正則表達式來實現。以下是代碼示例。

const reg = new RegExp("(^|&)參數名=([^&]*)(&|$)");
const r = window.location.search.substr(1).match(reg);
if (r !== null) {
const 參數名 = decodeURIComponent(r[2]);
console.log(參數名);
}

以上代碼將使用正則表達式來匹配url中的參數名，并將匹配結果保存在變量中。其中，substr(1)函數用于獲取？后面的參數值，match()方法用于匹配參數名。

另外，如果url中存在多個參數，我們可以使用以下代碼來實現獲取所有參數值的功能。

function GetQueryString(name) {
const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
const r = window.location.search.substr(1).match(reg);
if (r !== null) return decodeURIComponent(r[2]);
return null;
}

以上代碼定義了一個函數，用于獲取所有參數名為name的參數。使用時只需要在參數中傳入對應的參數名，即可獲取對應的參數值。

除了以上方式，Vue框架提供了一種更方便的方式，可以在組件內部直接訪問url中的參數值。

export default {
data() {
return {
參數名: this.$route.query.參數名
}
}
}

以上代碼通過使用Vue路由的query屬性來獲取url中的參數值，并將其保存在組件的數據中。

需要注意的是，以上方式僅適用于使用Vue Router的情況。在沒有使用Vue Router的情況下，仍需使用前面提到的方式來獲取url中的參數值。

總的來說，獲取url中的參數值是前端開發中比較常見的操作。雖然可以通過多種方式實現，但是在具體實現過程中還需注意一些細節，如匹配正則表達式的內容等。同時，使用Vue Router可以更方便地實現該操作，并且還可以實現路由參數的傳遞。