vue-router传递参数分为两大类
编程式导航 router.push
声明式的导航 <router-link>
1)router.push
字符串:直接传递路由地址,但是不能传递参数
this.$router.push("home")
对象:
命名路由 这种方式传递参数,目标页面刷新会报错
this.$router.push({name:"news",params:{userId:123})
查询参数 和name配对的式params,和path配对的是query
this.$router.push({path:"/news',query:{uersId:123})
接收参数 this.$route.query
2)声明式导航
字符串 <router-link to:"news"></router-link>
命名路由 <router-link :to:"{name:'news',params:{userid:1111}}"></route-link>
查询参数 <router-link :to="{path:'/news',query:{userId:1111}}"></router-link>