Vue 关于深度嵌套的兄弟组件互调内部方法

Vue 关于深度嵌套的兄弟组件互调内部方法

• 问题：
• 思路：
• 解决：
• 是这样的我先在状态管理器（Vuex）中的state定义一个属性和在mutations定义一个改变它的方法
• 再在state内定义getters属性
• 然后我在组件01的onSlectALL函数内改变全局状态管理器的状态
• 我在组件02内引入辅助函数和那个gettes值，在computed引入辅助函数（这部分在文档可以看到这么用），然后在watch内监听computed内的属性变化来判断调用哪个函数

问题：

组件01的onSlectALL方法要调用组件02的内部定义的方法，组件之间相差了10几个组件深度

思路：

1.是这样的我先在状态管理器（Vuex）中的state定义一个属性和在mutations定义一个改变它的方法
2. 再在state内定义getters属性
3. 然后我在组件01的onSlectALL函数内改变全局状态管理器的状态
4. 我在组件02内引入辅助函数和那个gettes值，在computed引入辅助函数，然后在watch内监听computed内的属性变化来判断调用哪个函数

解决：

是这样的我先在状态管理器（Vuex）中的state定义一个属性和在mutations定义一个改变它的方法

下图在store.js内

再在state内定义getters属性

下图在getters内

然后我在组件01的onSlectALL函数内改变全局状态管理器的状态

下图在组件01内

我在组件02内引入辅助函数和那个gettes值，在computed引入辅助函数（这部分在文档可以看到这么用），然后在watch内监听computed内的属性变化来判断调用哪个函数

下面两图都在组件002内：