Vue 3 兄弟组件间传值
Vue 3 中兄弟间传值可以使用 Vuex，但小项目使用过于庞大，我们可以使用 mitt 进行兄弟组件间传值。
·
Vue 3 中兄弟间传值可以使用 Vuex，但小项目使用过于庞大，我们可以使用 mitt 进行兄弟组件间传值。
操作步骤
第一步：安装 mitt
npm i mitt
第二步：创建文件（例如：eventBus.js）
import mitt from 'mitt'
const emitter = mitt()
export default emitter
第三步：将该文件引入至需要进行发送及接受的 .vue 文件中
import emitter from "../untils/bus";
第四步：发送端写入下列代码
// 前面是事件，后面是要传入的参数
emitter.emit("response", response)
第五步：接收端写入下列代码
// 这样两个组件间就可以进行传值通信了
emitter.on("response", (response) => {
console.log(response)
})
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
9
0- 0
已为社区贡献1条内容
所有评论(0)