码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-04 16:30:27      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:参考   传递数据   安装   之间   close   插件   引入   ref   install   

父子组件通信

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

 

参考链接:

 

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

标签:参考   传递数据   安装   之间   close   插件   引入   ref   install   

原文地址:https://www.cnblogs.com/websmile/p/9133022.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!