vue3父子组件传参

父组件

<template>
  <Child :data="childData" @detailclick="onShowSaleItem"></Child>
</template>
<script setup>
const childData=[
   {id:1,name:'张三'},
   {id:2,name:'李四'},
]
const onShowSaleItem=(id)=> {
    consoloe.log("id",id)
}
</script>

子组件

<template>
     <ul>
         <li v-for="(item,index) in childData" :key="item.id" 
                 @click="onDetailClick(item.id)"> 
               {{item.name}}
         </li>
     </ul>
</template>

<script setup>
const props = defineProps(['childData'])
const emits = defineEmits(['detailclick'])

const onDetailClick = (id) => {
    emits('detailclick', id)
}

</script>