1.父组件向子组件传递数据使用 props传递
父组件:
子组件:接收方式可以是数组接收,也可以是对象接收 如下是对象方式进行接收
2.子组件向父组件传递数据一般使用自定义事件进行传递(props也可以)
子组件:
父组件:

3.兄弟组件之间一般使用全局事件总线:
首先要安装全局事件总线(在实例初始化之前)
在页面的dom节点生成之前(mounted)使用this.
b
u
s
.
bus.
bus.on绑定事件
使用this.
b
u
s
.
bus.
bus.emit触发兄弟组件中的事件执行

4.使用vuex(具体步骤上篇已经讲过)
5.插槽
使用比较简单,具体可以看官网https://cn.vuejs.org/v2/guide/components-slots.html#ad
6.pubsub
在react里使用较多
据了解还有四种高级的 目前还没有学到 等我学会再来分享。
本文详细讲解了Vue中父组件向子组件的props数据传递,子组件向父组件的自定义事件,以及兄弟组件间的全局事件总线和Vuex状态管理。还涉及插槽和pubsub在不同场景的应用,以及一些高级技术如自定义事件、组件间通信方法对比。
292

被折叠的 条评论
为什么被折叠?



