1.vue-cli搭建好項目之后，使用npm安裝vue-bus
npm install vue-bus
2.在入口文件main.js中全局注冊
import Vue from 'vue'; import VueBus from 'vue-bus'; Vue.use(VueBus);
3.傳遞數據：
this.$bus.emit("eventName",data)
4.接收數據：
this.$bus.on("eventName",data)
5.注意事項
this的作用域要指向當前的vm實例，on監聽事件一般放在組件生命周期函數中的created或者mounted中，注銷bus需要在beforeDestroy中；
關于bus事件觸發多次的問題，一方面可能因為vue組件被復用，導致一個bus事件被重復注冊，破壞了“同事件名”bus，發送與接收唯一對應的關系；
另一方面是頁面路由的時候，原有頁面中的bus事件并沒有被注銷，依然隱藏在程序中。
總結
以上所述是小編給大家介紹的vue bus全局事件中心簡單Demo詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
