参考:
Vue 组件间通信六种方式(完整版)
你可能不需要 Vuex
1 bus
当项目复杂度不需要使用vuex时,非父子组件传递消息就可以使用这种方式
某个项目就是如此:
// main.js
let bus = new Vue()
Vue.prototype.$bus = bus
// APP.vue
mounted () {
this.$bus.$on('hideBottomMenu', () => {
this.showMenuFlag = false
})
}
//child.vue
mounted() {
this.$bus.$emit('hideBottomMenu')
}