您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

vue组件通信的多种方法详解

51自学网 2022-02-21 13:37:32
  javascript

说起组件通信,可能大家耳熟能详的有以下5种:

1. 父传子

父组件通过自定义属性给子组件传值,子组件用props接收

2. 子传父

父组件在子组件标签上自定义事件,子组件通过$emit来触发自定义事件,并且可以传递参数

3. 非父子组件传值

eventBus事件总线:

可通过eventBus进行信息的发布与订阅(创造一个都能访问到的事件总线)

在这里插入图片描述

4. vuex

vuex是专为vue.js应用程序开发的状态管理模式,它采用集中式存储管理程序的所有组件的状态,解决多组件通信。不过多用于中大型项目,小型项目用它会显得臃肿。

5. refs

通过添加ref和
下载地址:
Vue3使用Proxy实现数据监听的原因分析
element ui表格实现下拉筛选功能

万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。