vue组件与组件之间的通信

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

阅读 2.3k
5 个回答

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

推荐vuex比较好

以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>

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

两种方法:
1.EventBus
2.Vuex(推荐)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题