vue router 如何获取其他组件的$data

Question

vue devtool的结构如下Root     Header     App        commentapp.vue如何获取（不用vuex）comment.vue(设置了name为comment)的data// app.vueexport default {    name: 'app',    data: () => ({        from: 'form app'    }),    watch: {        '$route': 'routeChange'    },    created () {    },    methods: {        routeChange (to, from) {            //这里如何获取comment.vue的data呢？        }    }}// comment.vueexport default {    name: 'comment',    data: () => ({        test: '1'    })}

Answer 1

vue 里组件间通讯方式有 2 种

1. 父组件使用 props 传递数据给子组件，子组件使用 emit 发送事件通知父组件

2. 使用 vuex

其实还有一种，定义组件间的共享变量，例如全局变量，这个和 vuex 差不多，只是 vuex 提供了更多的控制