vue中使用bus来实现不同组件的传值(更推荐vuex)

前言:

      在vue中实现用公共bus来实现不同组件直接的传值。

实现方法:

1、main.js中在window上挂载一个变量EventBus 

window.EventBus = new Vue()

2、传方法页面,必须在页面的销毁阶段传方法,至于原因,请看最下面的原因


beforeDestroy () {
    window.EventBus.$emit('getData', 123)
  }

3、接受方法页面,必须在created ,至于原因,请看最下面的原因

//注意:这里只能在beforeCreate ,created,和beforeMount这三个钩子函数中监听$on。
created () {
   
    window.EventBus.$on('getData', (msg) => this.getData(msg))
  }
 destroyed () {
    window.EventBus.$off('getData')
  }

为什么传要放a页面的befireDestroy里面,获取b要放create,并要加off关闭原因:

参考地址:https://www.cnblogs.com/ljh-dream/articles/10048265.html

猜你喜欢

转载自blog.csdn.net/qq_41619796/article/details/114693835