vuevue +element 搭建项目，组件之间通信

Posted 2020-11-10 smile轉角

父子组件通信

父 通过$ref属性给 子传递数据

子 操作 父  this.$parent.XXX

或者通过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;
});

 

参考链接：

• https://cn.vuejs.org/v2/api/#vm-on
• https://segmentfault.com/a/1190000007443133