安装mitt

cnpm install mitt -S

创建util/Bus.js

import mitt from 'mitt'

const emitter = mitt();

export default emitter;

//或者一行，export default mitt();

A组件,A.vue

<template><button @click='btn'></button></template>

<script setup>

import emitter from '../util/Bus.js'

let str =ref('A组件数据');

const btn = ()=>{

emitter.emit('fn',str);//fn相当于定义了一个广播事件

}

</script>

B组件，B.vue

<template>{{s}}</template>

<script setup>

import emitter from '../util/Bus.js'

let s=ref('')

onBeforeMount(()=>{

emitter.on('fn',e=>{

s.value=e.value

console.log(e);//e就是A组件的str

})

});

</script>