美文网首页
global event bus Vue

global event bus Vue

作者: qwerer | 来源:发表于2017-06-06 12:00 被阅读0次

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')

相关文章

网友评论

      本文标题:global event bus Vue

      本文链接:https://www.haomeiwen.com/subject/mwugfxtx.html