截取URL參數是Web開發中一個經常需要處理的問題。在Vue中，我們可以使用簡單而便捷的方法來獲取和處理URL參數。

首先，在JavaScript中獲取當前頁面的URL和參數。

const currentUrl = window.location.href;
const queryString = window.location.search;

在Vue中，我們可以定義一個方法來獲取并處理URL參數：

export default {
data() {
return {
id: ""
};
},
methods: {
getUrlParams() {
const urlParams = new URLSearchParams(window.location.search);
this.id = urlParams.get("id");
}
},
mounted() {
this.getUrlParams();
}
}

在Vue中，通過使用URLSearchParams對象，我們可以輕松地獲取URL參數。在上面的代碼中，我們定義了一個名為getUrlParams的方法，通過這個方法，我們可以獲取名為id的URL參數，并將其存儲在Vue實例中的id屬性中。

我們可以在Vue組件的生命周期掛載階段中調用這個方法，通過在mounted方法中調用getUrlParams方法，就可以在組件掛載時自動獲取URL參數。

除了URLSearchParams，我們還可以使用正則表達式來獲取URL參數。在JavaScript中，我們可以使用以下代碼從URL中匹配參數：

const reg = /[\?|&]paramName=([^&]*)(&|$)/;
const paramName = window.location.href.match(reg)[1];

在Vue中，我們也可以使用類似的方法來獲取URL參數：

export default {
data() {
return {
id: ""
};
},
methods: {
getUrlParams() {
const reg = /[\?|&]id=([^&]*)(&|$)/;
const id = window.location.href.match(reg)[1];
this.id = id;
}
},
mounted() {
this.getUrlParams();
}
}

在上面的代碼中，我們定義了一個名為getUrlParams的方法，使用正則表達式從URL中匹配名為id的參數。將匹配結果存儲在Vue實例中的id屬性中。

在Vue中，獲取URL參數是很常見的操作。通過使用URLSearchParams或正則表達式，我們可以輕松地獲取和處理URL參數，從而更好地控制你的Vue應用程序的行為。