vue组件与组件之间的通信

Question

index页面里有两个组件A&B A data里有个isCollapse值，我怎么在B组件里拿到它并且做v-model

Answer 1

1.vuex
2.写个$bus总线通信, 不推荐

Answer 2

推荐vuex比较好

Answer 3

以A组件为例子
父组件：
html
<A :yourData="this.yourData"></A>
<script>
    import A from "路径";// 引入子组件
    export default {
       components: { A },// 注册
       data(){
           return {
               yourData:'你的数据'
           }
       }
    }
</script>

子组件：
<input v-model="this.yourData"/>
<script>
    export default {
       props: ['yourData'],// 注册
       mounted(){
           console.log(this.yourData) // 你的数据
       }
    }
</script>

Answer 4

如果两个元素有共同父组件，把数据以及数据的修改放到父组件，通过props绑定给子组件，修改都在父组件进行。
其他情况考虑vuex，实在不行使用eventBus.

Answer 5

两种方法：
1.EventBus
2.Vuex（推荐）