vue中頁面(路由)跳轉及傳值的幾種方式

知道query 和 params 是什么

參考文案：https://www.php.cn/js-tutorial-382859.html

跳轉的幾種方式與傳值

1、router-link

1.1 根據路由路徑（無參數與有參數）
 

<router-link to = "/page">跳轉到page頁面</router-link>
<router-link :to = "{ path: '/page', query: { id: '001' } }">跳轉到page頁面</router-link>

1.2 根據路由名稱 （無參數和有參數的區別）

<router-link ：to = "{ name: 'page', query: { id: '110' } }">跳轉到page頁面</router-link>
<router-link :to = "{ name: 'page', params: { id: '110' } }">跳轉到page頁面</router-link>

使用路由與路徑·的注意事項：

：to=“” 可以實現綁定動態的 路由 和 參數
注意：router-link中鏈接如果是‘/‘開始就是從根路由開始，如果開始不帶‘/’，則從當前路由開始。
使用params時 是不能通過path跳轉的
由于動態路由也是傳遞params的（