Vuejs 用$emit与$on来进行数据传输通信

Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信

Vuejs 用$emit与$on来进行跨页面之间的数据传输通信

• on和emit的事件必须是在一个公共的实例上，才能触发。

新建bus.js
import Vue from 'vue'

export var bus = new Vue()
App.vue里created方法里定义事件
import { bus } from 'bus.js'
// ...
created () {
  bus.$on('tip', (text) => {
    alert(text)
  })
}
Test.vue组件内调用
import { bus } from 'bus.js'
 // ...
bus.$emit('tip', '123')