vue中如何实现点击一个组件中的按钮隐藏另外一个组件中的一个面板或控件。

Question

例如： 页面中有两个组件A,B ，A 上有一个按钮点击后，B 组件中一个div 隐藏或者显示。

Answer 1

首先，组件A和B可以和页面P父子组件间相互传值
页面P <-（showFlag）-> 组件A
页面P <-（showFlag）-> 组件B

页面P设置一个公共的变量showFlag，传给A, A组件在内部修改showFlag,可以同步传给页面P。
B组件接收到showFlag值对div进行隐藏

Answer 2

B组件使用v-show用一个值控制啊，A上按钮点击后改变这个值

Answer 3

1、使用vuex
2、使用eventbus
3、通过它们的父组件来传递