如果你想在 Vue 中接收 URL 參數，是非常簡單的。 當然，在 Vue 中可以使用多種方式獲取 URL 參數。不過本文將會介紹如何使用 Vue Router 從 URL 獲取參數。

在 Vue Router 中，我們可以使用 $route 對象來獲取 URL 參數。對于以下 URL，如果我們要獲取 id 參數，可以使用 $route.params.id 來獲取：
localhost:8080/user/123

路由器可以在多個頁面之間導航，而使用 $route 對象可以輕松地在不同頁面之間傳遞參數。以下是如何獲取查詢參數的詳細步驟：

（1）為所需路由添加路徑參數:
const router = new VueRouter({
routes: [
{ path: '/user/:id', component: User }
]
});
（2）在組件中使用 $route.params 獲取參數：
const User = {
template: '
{{ $route.params.id }}
'
};

以上代碼中的 :id 表示路徑參數，我們可以在 URL 中使用該參數。在 User 組件中傳遞參數非常簡單，只需使用 $route.params.id 即可。這樣，就可以在不同的 Vue 組件中輕松傳遞參數了。

不僅如此，我們還可以使用查詢參數在不同的頁面之間傳遞信息。此時我們需要在 URL 中添加?query=value 的形式。下面是如何獲取查詢參數的詳細步驟：

（1）在鏈接中添加查詢參數：Home（2）在組件中使用 $route.query 獲取參數：
const Home = {
template: '
{{ $route.query.name }}
'
};

在以上代碼中，我們通過 :to 屬性向 URL 中添加了查詢參數 name。由于我們已將 Home 組件與 /home 路徑關聯，因此 $route.query.name 屬性可用于獲取查詢參數 name。這樣，我們就可以在不同的頁面中輕松傳遞查詢參數了。

Vue 中獲取 URL 參數非常方便且易于實現。 使用 Vue Router 來傳遞鏈接參數和查詢參數是一個非常強大的功能，讓您能夠在不同的頁面之間輕松切換。希望這篇文章能夠幫助您更好地理解 Vue 中的 URL 參數，并輕松地在 Vue 項目中使用。