第一种方式: 父组件作为中间桥梁(通过第一个子组件传给父组件,在从父组件传递给其他子组件)
1 index.vue
<template>
<div>
<!-- 组件A 返回的 在传递给组件B -->
<A @on-clicks="getFlag"></A>
<B :flag="Flag"></B>
</div>
</template>
<script setup lang='ts'>
import{ref,reactive} from 'vue'
import A from './A.vue';
import B from './B.vue';
let Flag = ref(false)
const getFlag = (params:boolean)=>{
Flag.value = params;
}
</script>
2 A.vue
<template>
<div>
<button @click="emitB">派发一个事件</button>
</div>
</template>
<script setup lang='ts'>
i