vuejs 2.0 兄弟组件之间的通信问题

app.vue:

<template>
  <div id="app" class="ui container">
    <Query></Query>
    <Container></Container>
  </div>
</template>

现在我想把query组件里的一条状态传递给container组件,不用vuex的情况下该如何传递?
项目是用vue-cli构建的

阅读 17.7k
3 个回答

官方文档里就有的

有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线

var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('event1')
// 在组件 B 创建的钩子中监听事件
bus.$on('event1', function () {
  // ...
})

引用同一个store 是不是可以

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