Vue学习——Router传参问题

标签：组件   只读   this   path   导航   文件   vue   params   对象   

Vue router如何传参

要点总结：
在vue-router中，有两大对象被挂载到了实例this；
$route（只读、具备信息的对象）；
$router（具备功能的函数）

查询字符串：
去哪里 ？
<router-link :to="{name:‘detail‘,query:{id:1}}"> xxx </router-link>
导航（查询字符串path不用改）
{name:‘detail‘,path:‘/detail‘,组件}
去了干嘛？获取路由参数（要注意是 query ，还是 params 和 对应的 id名? 是后者需要注意设置相关文件的id规则）
+ this.$route.query.id

params、query是什么？

params：/router1/:id ，/router1/123，/router1/789 ,这里的id叫做params

query：/router1?id=123 ,/router1?id=456 ,这里的id叫做query。

Vue学习——Router传参问题

标签：组件   只读   this   path   导航   文件   vue   params   对象   

原文地址：https://www.cnblogs.com/lucky-jun/p/14722328.html