javascript - vue-router 实现组件通信问题

Question

这是入口文件main.js，我在这里通过路由改变了App实例的data值

这是App.vue主文件，watch该组件实例的值的变化，这里的console.log()是没问题的，然后用$broadcast向下传递给子组件,

这是App.vue 注册的三个子组件.

这个是其中一个子组件footer.vue，在这里监听父组件传递下来的变化，但是在这里console.log()不出来。

这是目录结构

这样做有什么问题吗？在线等，谢谢！

Answer 1

永远记住：SPA 中 App 对象是单例，你永远不应该再次实例化

使用 router.app 可以访问 App 对象

router.afterEach((transition) => {
    router.app.visibility = 'all'
});

还有提问时直接贴代码，不要贴图，读起来难受，调起来烦心

Answer 2

用vuex吧。在App.vue获取数据。然后在子组件vuex getter...

具体可以看这个。https://github.com/wszgxa/vue...