1. 程式人生 > >Vue bus的使用(兄弟|非父子組件傳值)-->可以使用一個空的Vue實例作為中央事件總線new Vue()

Vue bus的使用(兄弟|非父子組件傳值)-->可以使用一個空的Vue實例作為中央事件總線new Vue()

strong and data 使用 實例 ted 事件總線 col str

1.在main.js中註冊全局的bus

Vue.prototype.bus=new Vue();

2.在組建中使用

子組建使用:this.bus.$emit(‘自定義事件名‘,data)

methods:{
handleClicks(){
this.bus.$emit(‘openMenu‘,true)
}
}

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

mounted() {
this.bus.$on("openMenu", msg => {
this.show = msg;
});

}

Vue bus的使用(兄弟|非父子組件傳值)-->可以使用一個空的Vue實例作為中央事件總線new Vue()