global event bus Vue

2017-06-06  本文已影响0人  qwerer

1.新建bus.js

import Vue from 'vue'

export var bus = new Vue()

2.App.vue里created方法里定义事件

import { bus } from 'bus.js'

created () {
  bus.$on('tip', (text) => {
    alert(text)
  })
}

3.Test.vue组件内调用

import { bus } from 'bus.js'
 // ...
bus.$emit('tip', '123')
上一篇 下一篇

猜你喜欢

热点阅读