- 发布时间
Vue的通信形式
- 作者

- Name
- wenjuGao
- github
- @Github
$emit、props
父子组件间通信最常使用的通讯形式:- 子组件props中接收父组件传递下来的数据 - 子组件通过$emit向父组件传递事件
- parent
、refs`
通过refs可以得到当前组件实例 通过children`分别可以到达父级组件实例和子组件实例,进而得到不同组件的data和methods中是event进而修改data
该方法虽然可以实现逻辑,但是因为是通过操纵实例直接对数据进行修改,会使项目修改数量的逻辑不好追踪,增加项目维护难度 在 3.x 中,$children property 已移除
- provide、inject
涉及数据传递层级较多的时候使用,在多层children组件中注入数据,类似于跨层级的props
- eventBus