Vue2.0之EventBus父子组件通信(传参)

本文主要介绍Vue2.0之EventBus父子组件通信(传参),有别于之前的父子组件的传参都有着异曲同工之妙。

一、初始化

首先你需要做的是创建事件总线并将其导出,以便其它模块可以使用或者监听它。
新创建一个 .js 文件,比如 eventBus.js 。文件目录建议放在根目录>>src>>assets>>js>> eventBus.js

import Vue from 'vue'
export default new Vue();

另一种引入方式是直接在main.js引入,不推荐全局引入,按需可以使项目运行更流畅。

Vue.prototype.$EventBus = new Vue()

二、事件发送

子组件.vue



三、事件接收

父组件.vue




你可能感兴趣的:(VUE,Vue2.0从零到一)