首页 > vue-router 实现组件通信问题

vue-router 实现组件通信问题

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

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

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

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

这是目录结构

这样做有什么问题吗?在线等,谢谢!


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

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


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

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

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

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

【热门文章】
【热门文章】