web前端培训VUE之向路由组件传递数据

1. 效果
向路由组件传递数据.gif
2. 方式 1: 路由路径携带参数(param/query)
1) 配置路由 children:[ { path:'mdetail/:id', component:MessageDetail } ]

2) 路由路径 <router-link:to="'/home/message/mdetail/'+m.id">{{m.title}}</router-link>

3) 路由组件中读取请求参数 this.$route.params.id
3. 方式 2:<router-view>属性携带数据
<router-view:msg="msg"></router-view>

想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训，尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习