Vue-router是一個Vue.js官方的路由插件，它允許我們的應用程序具有基于URL的導航。通過Vue-router，我們可以將一個頁面分成多個部分，通過URL中的路徑來訪問不同的部分，實現單頁面應用程序（SPA）的開發。

Vue-router的傳值方式主要有兩種：params 和 query。其中 params 用于傳遞必選參數，query 用于傳遞可選參數。

params 的傳遞方式是將參數添加到URL的路徑中，類似于 /user/:id。在組件中可以通過this.$route.params.id來獲取參數。

// 定義路由路徑
{
path: '/user/:id',
component: User
}
// 從路徑中獲取參數
this.$route.params.id

query 的傳遞方式是將參數以鍵值對的形式添加到URL中，類似于 /user?id=1。在組件中可以通過this.$route.query.id來獲取參數。

// 定義路由路徑
{
path: '/user',
component: User
}
// 從URL中獲取參數
this.$route.query.id

除了上述方法外，Vue-router還提供了一種通過props傳遞參數的方式。這種方式需要在路由配置中設置props屬性，并在組件中聲明對應的props。這種方式可以將參數傳遞給子組件，同時也可以進行類型校驗等操作。

// 定義路由路徑并設置props
{
path: '/user',
component: User,
props: { id: '1' }
}
// 在組件中聲明props
export default {
props: ['id'],
...
}

另外，Vue-router還提供了一些高級的傳遞方式，如動態路由匹配、命名路由、路由重定向等。動態路由匹配可以在路由路徑中使用正則表達式進行動態匹配；命名路由可以在路由配置中給路由命名，方便調用和管理；路由重定向可以將一個指定的路徑重定向到其他路徑，實現頁面的跳轉。

總的來說，Vue-router提供了多種傳遞參數的方式，可以根據項目的需求進行選擇和組合。在實際開發中，除了考慮傳參的方式外，還需要注意頁面組件間的數據通信和狀態管理，這些都是Vue.js框架的特點和優勢。