vue3使用mitt用于组件之间传值

vue3已经没有提供配套的事件总线bus,需要使用第三方库mitt来完成vue2中bus完成的事情
1.安装

npm install mitt

2.引用 bus.js

import mitt from 'mitt';
const bus  = mitt();
export default bus;

3.在需要使用的vue文件中导入bus

import bus from './mitt'

4.使用mitt的emit方法进行传值和on方法进行接收数据

// 父组件(兄弟组件)
bus.emit('函数名', 需要传的值)

//子组件(兄弟组件)
bus.on('函数名',(接收到的值)=>{
   
	逻辑操作
})
//接收值的vue 组件卸载之前关闭掉
onBeforeUnmount(()=>{
   
	bus.off('函数名');//关闭
})

//清除bus线
emitter.all.clear()

相关推荐

  1. vue3使用mitt用于组件之间

    2023-12-08 22:18:01       33 阅读
  2. vue3组件之间通讯

    2023-12-08 22:18:01       12 阅读
  3. vue3+vite+ts父子组件之间

    2023-12-08 22:18:01       44 阅读
  4. vue3父子组件之间方式

    2023-12-08 22:18:01       21 阅读
  5. vue 父子组件之间通过 v-model

    2023-12-08 22:18:01       43 阅读
  6. vue3 组建

    2023-12-08 22:18:01       41 阅读
  7. vue3父子组件

    2023-12-08 22:18:01       29 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-08 22:18:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-08 22:18:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-08 22:18:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-08 22:18:01       18 阅读

热门阅读

  1. 微信小程序进行分包加载

    2023-12-08 22:18:01       38 阅读
  2. 线程池的原理和基本使用~

    2023-12-08 22:18:01       41 阅读
  3. 信息学奥赛一本通1003:对齐输出

    2023-12-08 22:18:01       34 阅读
  4. IntelliJ IDEA 的 HTTP 客户端的高级用法

    2023-12-08 22:18:01       37 阅读
  5. shell_80.Linux函数的递归

    2023-12-08 22:18:01       40 阅读
  6. postgresql自带指令命令系列一

    2023-12-08 22:18:01       25 阅读