The child component triggers the defineemits of the parent component: the child component passes values to the parent component

Parent component

<template>
    <div>
          <Menu  @onclick="getList"  @onclick2="getList2" />
    </div>
</template>

<script setup lang="ts">
import {
    reactive  ,ref}  from 'vue' 
const getList=(list:number[])=>{
    
console.log(list)
}
const getList2=(list:number[])=>{
    
    console.log(list)
}
 
</script>

<style scoped>

</style>

Child components

<template>
    <div class="menu"> 
           <div class="">
               <button @click="clickTap"> distributed 1</button>
               <button @click="clickTap2"> distributed 2</button>
           
           </div>
    </div>
</template>

<script setup lang="ts">
import  {
    reactive,  defineEmits}  from 'vue'; 
const list=reactive<number[]>([6,6,6,6])//number The array value of type is [6,6,6,6]
const list2=reactive<string>('11') 
const emit=defineEmits(['onclick','onclick2']);
const clickTap=()=>{
    
    emit('onclick',list)
}

const  clickTap2=()=>{
    
    emit('onclick2',list2) 
}


</script>