vue中eventbus的使用

eventbus的方法很是简单，我们需要做三步事情:

第一步，我们需要创造一个容器去充当我们的eventbus

第二步，我们需要去抛出，或者说提交我们的事件

第三步，我们去监听我们的那个事件（也许这才是第二部）

1、首先，我们需要在全局定义我们的eventbus

//设置bus来来传值

 window.bus=new Vue();

2、接着使用bus.$emit()抛出事件

beforeDestroy () {

 console.log(this.highlight, '这是今年的数据', this, '看看组件销毁之前会发生什么')

 bus.$emit('get', {

        item: this.item,

        date: this.date

      })

 },

3、bus.$on监听提交的事件

created () {

    //这里我将icon的list给保存下来了

    bus.$on('get', this.myhandle）

}

methods:{

     myhandle (val) {

      console.log(val, '这是从上个页面传递过来的参数')

    }

}

注：这个$on事件是不会自动清楚销毁的，需要我们手动来销毁

···

beforeDestroy () {

bus.$off('get', this.myhandle)

},

···

vue中eventbus被多次触发（vue中使用eventbus踩过的坑）

https://www.jianshu.com/p/fde85549e3b0

巴特西

vue中eventbus的使用

最新文章

热门文章