vue小型項目進行組件交互時,可以選擇eventBus通訊。
定義一個vue對象作為eventBus,讓其代為訂閱發布事件,進行通訊。
1.定義eventbus文件
import Vue from 'vue';
export default new Vue();
引用eventBus
import eventBus from './js/bus.js';
2.發布(聲明)事件
created() {
eventBus.$on('getTarget', target => {
console.log(target);
});
}
3.訂閱(觸發)事件
methods: {
addCart(event) {
eventBus.$emit('getTarget', event.target);
}
}