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

发布于 2022-09-04 01:00:01 字数 334 浏览 10 评论 0

app.vue:

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

渔村楼浪 2022-09-11 01:00:01

使用 EventBus可以完美解决
http://www.w3ctrain.com/2016/...

花之痕靓丽 2022-09-11 01:00:01

官方文档里就有的

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

var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('event1')
// 在组件 B 创建的钩子中监听事件
bus.$on('event1', function () {
  // ...
})
暗藏城府 2022-09-11 01:00:01

引用同一个store 是不是可以

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文