vue子组件使用父组件的数据是前端开发常见场景。今天小编我就来分享一下vue子组件获取父组件数据的经验给大家噢。
工具/原料
1
电脑
2
vuejs 浏览器 Hbuilder
方法/步骤
1
如图所示，比如说小编我要把父组件的msg数据传递到子组件里面的submsg里。
2
接着在父组件#app中使用子组件即可噢。
3
如图，用:submsg=msg即可把父组件的数据绑定到submsg里面。
4
绑定好之后还要在子组件里面通过props(此参数不可变)接收。
5
然后子组件即可获取到父组件传过来的数据了噢。
6
而如果我们改变父组件的数据则子组件也会跟着改变了噢。
7
而如果有多个子组件都使用了父组件的数据就会跟着一起变。这样只需要改变一处数据即可改变多处数据了噢。
注意事项
1
有用可以收藏。
2
不足之处请指出。
下一篇：油皮美白攻略