Vue路由传参的两种方式

页面跳转往往会采用两种方式进行参数的传递

 vue页面跳转，传参方式大约可以有下面3种情况。

• 标签跳转及传参（router-link）
• js控制跳转路由及传参（this.$router.push）
• 路由组件传参

<div><router-link :to="{path:'/news/detail',query:{id:1}}">详情</router-link></div>
    <div><router-link :to="{name:'newsDetail',params:{id:1}}">详情</router-link></div>

　　页面接参方式如下

　　使用path + 路径，query + 参数。则用this.$route.query.id接收值。

　　使用name +路由名称，params + 参数。则用this.$route.params.id接收值。