【vue】vue +element 搭建项目，组件之间通信

2022-12-19 11:49:37

父子组件通信

父通过props属性给子传递数据

子操作父 this.$parent.XXX

子通过$emit传递参数

或者通过vue-bus

vue-bus既可以实现父子组件之间的通信，也可以实现兄弟组件之间的通信

vue-bus安装

(c)npm install vue-bus

引入

import Vue from 'vue';

import VueBus from 'vue-bus';

Vue.use(VueBus);

应用：

发送：

 this.$bus.$emit('closeMenu', {});

接收：

this.$bus.on("closeMenu", () => {

     this.isOpen = false;

});

参考链接：