#Vue# bus組件間通訊

原理: 其實就是在Vue的原型上添加一個bus屬性, 給這個bus屬性賦值一個新的vue實例,
作用:vue具有數據劫持功能, 數據發生改變會影響視圖的更新

app/utils/bus.js

export default {
    install(vue) {
        vue.prototype.$bus = new vue({
            data: {
                count: 1
            }
        }) 
    }
}

app/main.js

import Vue from 'vue'
import App from './App.vue'
import bus from './utils/bus'

Vue.use(bus)

new Vue({
    el: '#app',
    render(h) {
        return h(App)
    }
})