當我們在使用Vue構建應用時，經常需要從URL中獲取參數。這些參數可以用來控制應用的行為，例如根據用戶輸入顯示不同的結果。在Vue中獲取參數其實很簡單，我們只需使用JavaScript的一些方法即可。

首先，我們需要獲取當前頁面的URL。在前端中，我們可以使用window對象的location屬性來獲取當前URL:

var url = window.location.href;

上面的代碼將獲取完整的URL，包括協議、主機名、路徑和查詢字符串。

如果我們只需要獲取查詢字符串，也就是URL中“?”后面的部分，我們可以使用location.search屬性:

var query = window.location.search;

接著，我們需要將查詢字符串解析成一個鍵值對的對象。為了做到這一點，我們可以使用URLSearchParams對象。這是一個內置的JavaScript對象，可以輕松地解析查詢字符串。

var params = new URLSearchParams(window.location.search);

現在，我們有了一個包含所有參數的對象params。我們可以使用get()方法來獲取特定的參數。例如，假設我們在URL中有一個參數名為“id”，我們可以使用以下代碼來獲取它的值：

var id = params.get('id');

如果有多個參數，我們可以使用getAll()方法來獲取一個數組。

var colors = params.getAll('color');

除了使用URLSearchParams對象之外，我們還可以手動解析查詢字符串。例如，如果字符串包含像“id=123&name=john”這樣的格式，我們可以使用split()方法將其拆分為鍵值對數組。

var queryString = 'id=123&name=john';
var pairs = queryString.split('&');
var params = {};
pairs.forEach(function(pair) {
var keyValue = pair.split('=');
params[keyValue[0]] = decodeURIComponent(keyValue[1] || '');
});

上面的代碼將查詢字符串拆分成一個包含鍵值對的數組。然后，我們可以將數組中的每個鍵值對添加到一個JavaScript對象中。

最后，我想提醒大家，獲取URL參數是一項常見的任務，但也可能會導致安全問題。請確保在使用URL參數時對其進行編碼和驗證，以防止惡意攻擊者嘗試利用您的應用程序。