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

时间:2022-05-23 00:21:44

父子组件通信

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

参考链接: