vue中页面(路由)跳转及传值的几种方式 router-link + query + params

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的（