位置: 编程技术 - 正文
vue-router实现组件间的跳转（参数传递）(vue $route $router)
编辑：rootadmin推荐整理分享vue-router实现组件间的跳转（参数传递）(vue $route $router)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue-router有什么组件,vue-router有什么组件,vue-router教程,vue-router教程,vue-router怎么用,vue-router教程,vue-router怎么用,vue-router的组件,内容如对您有帮助，希望把文章链接给更多的朋友！
通过VueRouter来实现组件之间的跳转：参数的传递，具体内容如下
login ---用户名--->main
①明确发送方和接收方
②配置接收方的路由地址{path:'/myTest',component:TestComponent}-->{path:'/myTest/:id',component:TestComponent}
③接收方获取传递来的数据this.$route.params.id
④跳转的时候，发送参数this.$router.push('/myTest/')<router-link :to="'/myTest'+id">跳转</router-link>
代码：
关于vue.js的学习教程，请大家点击专题vue.js组件学习教程、Vue.js前端组件学习教程进行学习。
上一篇：详解Vue路由钩子及应用场景（小结）(vue路由跳转的钩子函数什么时候会用到)
下一篇：vue中SPA单页面应用程序详解(vue只适合做单页项目吗)