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>

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


上一篇:
下一篇:
关于尚硅谷
教育理念
名师团队
学员心声
资源下载
视频下载
资料下载
工具下载
加入我们
招聘岗位
岗位介绍
招贤纳师
联系我们
电话:010-56253825
邮箱:info@atguigu.com
地址:北京市昌平区宏福科技园综合楼6层(北京校区)

 深圳市宝安区西部硅谷大厦B座C区一层(深圳校区)

上海市松江区谷阳北路166号大江商厦6层(上海校区)