global event bus Vue

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')
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue.js 2.0 Official Guide Note
    这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容，还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,079评论 0赞 29
  • vue开源项目库汇总
    转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,202评论 8赞 124
  • vue开源项目库汇总
    来源：github.com Vue.js开源项目速查表：https://www.ctolib.com/cheats...
    zhangtaiwei阅读 11,668评论 1赞 159
  • 三官桥
    三官�桥是我县张安屯街道办小河村的一座单拱石桥，修建于清嘉庆十三年（1808年），桥长30多米，宽5米，拱高8米，...
    尚简人生阅读 1,457评论 0赞 2
  • 何时悟人生
    思一个梦， 想一代人， 唱一首歌， 抒一种情， 感一世好。 那样生活， 还未醒， 何时悟人生……
    小剧在成长阅读 125评论 0赞 5