说起组件通信,可能大家耳熟能详的有以下5种:
1. 父传子父组件通过自定义属性给子组件传值,子组件用props接收
2. 子传父父组件在子组件标签上自定义事件,子组件通过$emit来触发自定义事件,并且可以传递参数
3. 非父子组件传值eventBus事件总线:
可通过eventBus进行信息的发布与订阅(创造一个都能访问到的事件总线)

4. vuexvuex是专为vue.js应用程序开发的状态管理模式,它采用集中式存储管理程序的所有组件的状态,解决多组件通信。不过多用于中大型项目,小型项目用它会显得臃肿。
5. refs通过添加ref和 下载地址: Vue3使用Proxy实现数据监听的原因分析 element ui表格实现下拉筛选功能 |