vue3子传父

1.father.vue

<template>
   <div>
      <Son :data=name @clickFu="clickFu"></Son> 
   </div>
</template>
<script>
import Son from './son'
export default {
   components:{
      Son
   },
   setup() {
      const name = '小范'
      const clickFu = (e) =>{
         console.log(e,'父级')  
      }
      return{
         name,
         clickFu
      } 
   }
}
</script>

2.son.vue

<template>
   <div @click="clickSon">
{{data}}
   </div>
</template>
<script>

export default {
   props:['data'],
   setup(props,context) {
      console.log(props)
      console.log(context)
      console.log(props.data,'father text')
      const clickSon = ()=>{
         context.emit('clickFu','我是子组件传过来的') 
      }
      return{
         clickSon  
      }
   }
}
</script>

setup的两个参数.props接收 context传出