在我們的前端開發中，經常會遇到需要獲取URL參數的情況。這是因為我們在開發頁面時經常需要對不同的參數進行不同的邏輯處理。在Vue.js中，我們可以通過一些方法來獲取這些參數。

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

此方法使用了RegExp正則表達式來獲取URL中的參數。首先我們需要定義一個正則表達式的pattern，pattern是用來匹配URL中參數的信息的。在本例中，pattern中的name就是我們需要獲取的參數名稱。

其次，我們需要使用window.location.search來獲取到URL中的所有參數。這個屬性通常是一個字符串，其中包含著一個問號”?”加上參數名和值（如example.com?id=123）。接下來，我們使用match函數來比對字符串和pattern，如果匹配成功返回匹配到的結果數組。如果匹配不成功，我們直接將結果設置為null。最后，將結果傳遞給unescape函數用于解碼。

var url = new URL(window.location.href);
var params = url.searchParams;
var id = params.get('id');

除了使用正則表達式外，我們還可以使用URL和URLSearchParams來獲取URL參數。這兩個方法都是ES6標準中的新對象，可以輕松地獲取URL中的參數。

首先，我們需要使用URL構造函數創建一個URL對象，該構造函數需要傳遞一個參數，即當前URL地址。其次，我們調用searchParams方法獲取到所有的URL參數，我們可以使用get方法來獲取其中的一個參數的值，該值為字符串類型。需要注意的是，如果URL中不存在該參數，則返回null。

const url = window.location.href;
const params = {};
url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, value) {
params[key] = value;
});

最后，我們可以使用正則表達式來獲取URL參數。這個方法使用了字符串替換方法replace()，傳入兩個參數。第一個參數是正則表達式，用于匹配URL中的參數。第二個參數是一個函數，用于處理所有匹配到的結果。這里我們定義了一個空對象params，然后每匹配到一個結果，就將該結果設置為params對象的屬性和值。最終返回的params對象就是URL中所有參數的鍵值對。