Vue3+ts实现mitt

第一步下载mitt
npm i mitt
第二步，创建ts文件
import mitt from 'mitt'
const mitt = mitt()
//导出mitt
export default mitt








a组件
<templace>
<button @click='fasong'></button>
</templace>
<script setup>
import {ref} from 'vue
import mitt from '@/utill/emittt.ts'
let atm = ref('奥特曼')
function fasong(){
    mitt.emit('fa'，atm.value)
}
</script>














b组件
<templace>

</templace>
<script setup>
import {ref} from 'vue
import mitt from '@/utill/emittt.ts'
let m = ref('')
mitt.on('fa',(value)=>{
   console.log(value,'接收到a组件传过来的值')
m.value = value
})
</script>