#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)
    }
})