Vue组件通信的深入分析有哪些关键点？

本文共计1206个文字，预计阅读时间需要5分钟。

目录

一、组件间的通信方式分类

二、props 传递数据

三、$emit 触发自定义事件

四、ref 标记元素

五、EventBus 事件总线

六、$parent 或 $root 访问父或根实例

七、vuex 状态管理

八、总结

一、组件间的通信方式分类

父子组件通信兄弟组件通信跨级组件通信

二、props 传递数据

三、$emit 触发自定义事件

四、ref 标记元素

五、EventBus 事件总线

六、$parent 或 $root 访问父或根实例

七、vuex 状态管理

八、总结

目录

• 一、组件间的通信方式分类
• 二、props传递数据
• 三、$emit 触发自定义事件
• 四、ref标记
• 五、EventBus事件总线
• 六、$parent 或 $root
• 七、vuex
• 八、总结

一、组件间的通信方式分类

• 父子组件之间的通信；
• 兄弟组件之间的通信；
• 祖孙与后代组件之间的通信；
• 非关系组件之间的通信。