原理: 其实就是在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)
}
})