目录1、使用defineProps2、使用defineEmits接受自定义事件2.1原生DOM事件2.2自定义事件3、全局事件总线（插件mitt）4、v-model5、useAttrs1、使用definePropsprops可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！父组件给子组件传递数据Childinfo="我爱祖国":money="money">/Child>子组件获取父组件传递数据:方式1letprops=defineProps({info:{type:String,//接受的数据

1.安装mitt：npminstallmitt-save2.新建EventBus.js文件：//事件总线第三方库：importmittfrom'mitt';constbus=mitt();exportdefaultbus;3.发出事件的页面：bb.vue小b页面视图局部事件总线：点击之后给cc页面传递一个值importbusfrom"../utils/EventBus"//import{ref}from"vue"constsendData=()=>{bus.emit("data",18)}.box{text-align:left;}4.接收事件的页面：dd.vue小d页面视图importbus

事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript前端项目中使用的一些场景和思路。我们在Vue的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。Mitt的GitHub官网地址如下所示：https://github.com/developit/mitt,它的安装和其他插件一样，我们不再赘述，只讲述它的如何使用。Mitt 具有以下优点:零依赖、体积超小，压缩后只有200b。提供了完整的typescript支持，能自动推导出参数类型。基于闭包实现，没有烦人的this困扰。为浏览器编写但也

事件总线Mitt使用非常简单，本篇随笔介绍在Vue3+TypeScript前端项目中使用的一些场景和思路。我们在Vue的项目中，经常会通过emits 触发事件来通知组件或者页面进行相应的处理，不过我们使用事件总线Mitt来操作一些事件的处理，也是非常方便的。Mitt的GitHub官网地址如下所示：https://github.com/developit/mitt,它的安装和其他插件一样，我们不再赘述，只讲述它的如何使用。Mitt 具有以下优点:零依赖、体积超小，压缩后只有200b。提供了完整的typescript支持，能自动推导出参数类型。基于闭包实现，没有烦人的this困扰。为浏览器编写但也