0
点赞
收藏
分享

微信扫一扫

Vue 3 兄弟组件间传值 | mitt.js

Vue 3 中兄弟间传值可以使用 Vuex,但小项目使用过于庞大,我们可以使用​​mitt​​进行兄弟组件间传值。

操作步骤
第一步:安装 mitt

npm i mitt

第二步:创建文件(例如:eventBus.js)

import mitt from 'mitt'
export default mitt();

第三步:将该文件引入至需要进行发送及接受的 .vue 文件中

import emitter from "../untils/eventBus";
// 或考虑绑定到vue实例
// app.config.globalProperties.$bus = emitter

第四步:发送端写入下列代码(订阅)

// 前面是事件,后面是要传入的参数
emitter.emit("response", response)

第五步:接收端写入下列代码(发布)

// 这样两个组件间就可以进行传值通信了
emitter.on("response", (response) => {
console.log(response)
})

箴言:因为这些东西是非常简单的。不要抱怨自己学不会,那是因为你没有足够用心。



举报

相关推荐

0 条评论