1. .native
修飾符什么時候使用菱鸥?
- 在我們需要監(jiān)聽一個組件的原生事件的時候,必須給對應(yīng)的事件 添加上
.native
修飾符躏鱼,才能進行監(jiān)聽氮采。
2. Vue 中的事件總線 $bus 的使用
- 當(dāng)面臨非父子組件之間的通信的時候,可以使用
Vue
的事件總線進行組件之間的通信染苛。
2.1 事件總線使用步驟
- 在
main.js
中對 $bus
進行掛載:
Vue.prototype.$bus = new Vue()
- 在 組件中發(fā)送一個事件:
/**
* 處理圖片加載的事件
* */
imageLoad() {
// 這里的$bus 事件總線需要在Vue 原型上進行掛載
// Vue.prototype.$bus = new Vue()
this.$bus.$emit('itemImageLoadEvent')
// 在在使用的組件中進行監(jiān)聽該事件
}
- 在使用該組件的組件中對該事件進行處理:
this.$bus.$on('itemImageLoadEvent', function () {
// 業(yè)務(wù)邏輯
})
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者