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

问题描述

问 题

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

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

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

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

这是目录结构

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

解决方案

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

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

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

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

这篇关于javascript - vue-router 实现组件通信问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！