下面vue.js教程栏目给大家介绍一下vue中向路由组件传递props的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
父子间的组件通讯是通过props和$emit来实现的，那么路由之间的通讯呢，往下看：
我现在再webpack里面有一个这样的结构，
立即学习“前端免费学习笔记（深入）”；
我现在想test1里面的按钮点击跳转到test2里面，获得到test1传递过来的id和age，
路由我们可以这么写：
- { path: "/test2/:id/:age", component:test2, // props:{id:"fang",age:18} props:true }
登录后复制
test1.vue：
test2.vue:
效果：
本人写的比较简单一些，具体可以看一下官方的文档说明，不会的一起交流一下
相关推荐：2020年前端vue面试题大汇总（附答案）vue教程推荐：2020最新的5个vue.js视频教程精选
更多编程相关知识，请访问：vue.js教程！！
以上就是vue中路由之间如何通讯？方法介绍的详细内容，更多请关注【创想鸟】其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
