解决方法
很多刚开始接触vue3的朋友可能不太注意vue3的生命周期,需要注意vue3的setup只会执行一次,很可能把emit和on放在setup中一起执行,最后的结果只能是没有任何效果,最好就是放在onMounted中。
父组件
<script setup>
import { onMounted,ref } from 'vue'
import emitter from './mybus/evenBus'
const orderInfo = ref({})
onMounted(()=>{
emitter.emit('a','你好啊')
})
</script>
子组件
<script setup>
import { onMounted} from 'vue'
import emitter from '../mybus/evenBus'
onMounted(()=>{
emitter.on('a',a=>{
console.log("你好",a)
})
})