按照老师您的方法处理了click事件，但是在search组件中绑定click时，点击button，这个事件触发了两次 我猜测一次是在search组件中因为点击了button，触发了一次 还有一次是传入到button中，然后通过emit又触发了一次
而且我给button组件设置loading，这个click事件也还是出发了一次（search组件中因为点击了button）,所以有点不明白是怎么回事
通用组件button

<button 
        class="text-sm text-center flex justify-center items-center duration-200"
        :class="[
            typeEnum[type],
            sizeEnum[size],
            shapeEnum[shape],
            selfClass,
            {'active:scale-105':isAnimated}
        ]"
        @click.stop="onBtnClick"
    >
    ...
</button>
<script>
	 // handle click event
    const emits = defineEmits(['click'])
    const onBtnClick=()=>{
        // if lodading, return
        if(props.loading){
            return
        }
        emits('click');
    }
</script>

Search组件中

<!--search button-->
    <button-vue
        class="absolute right-1"
        size="large" 
        shape="circle"
        icon="search"
        :loading="true"
        @click="Click"
    >
        Search
    </button-vue>

<script>
// handle click
const Click=()=>{
    console.log('click')
}
</script>