vue3事件总线bus传值
时间: 2024-01-09 08:56:15 浏览: 104
在Vue 3中,官方取消了全局事件总线的使用,这给组件之间传值带来了一些麻烦。 为了解决这个问题,我们可以使用一个插件叫做mitt。首先,你需要安装并使用mitt插件。然后,在接收传值的组件中,你需要引入bus并监听事件,使用bus.on('事件名',(值)=>{ console.log(值) })来接收传递的值。另外,如果你需要在某个div的点击事件中将值传递给其他组件,你可以使用bus.emit('事件名',值)来实现。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Vue3中的全局事件总线(兄弟间传值)](https://blog.csdn.net/Yan9_9/article/details/128832532)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue3中常用的三种组件传值方式](https://blog.csdn.net/weixin_44001222/article/details/128414607)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文