vue组件之间传值(bus)

1.在main.js中注册全局的bus 

Vue.prototype.bus=new Vue();

2.在组件中使用

// 子组建使用:this.bus.$emit('自定义事件名',实参)

methods:{

        handleClick(){
        // 触发事件
        this.bus.$emit('openMenu',true)
       }
}

// 父组建使用:this.bus.$on("自定义事件名", msg => {})

mounted() {
    // 监听事件
    this.bus.$on("openMenu", msg => {

    this.show = msg;
   });

}

 

 

你可能感兴趣的:(Vue)