美文网首页
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