app.vue:
<template>
<div id="app" class="ui container">
<Query></Query>
<Container></Container>
</div>
</template>
现在我想把query
组件里的一条状态传递给container
组件,不用vuex
的情况下该如何传递?
项目是用vue-cli构建的
app.vue:
<template>
<div id="app" class="ui container">
<Query></Query>
<Container></Container>
</div>
</template>
现在我想把query
组件里的一条状态传递给container
组件,不用vuex
的情况下该如何传递?
项目是用vue-cli构建的
官方文档里就有的
有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('event1')
// 在组件 B 创建的钩子中监听事件
bus.$on('event1', function () {
// ...
})
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答4.8k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
4 回答1.9k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
2 回答2.5k 阅读✓ 已解决
使用 EventBus可以完美解决
http://www.w3ctrain.com/2016/...