vue3语法中setup函数的props和context参数怎么用

vue3语法中setup函数的props和context参数怎么运用，下面web建站小编给大家简单介绍一下具体实现代码！

父组件

<template>
  <div>
    父组件 
  </div>
  <no-cont :mytitle="msg"
    othertitle="其它的标题"
    @sonclick="sonclick">
  </no-cont>
</template>
 
<script>
import NoCont from "../components/NoCont.vue"
export default {
  setup () {
    let msg={
      title:"父组件给子给子组件的数据"
    }
    function sonclick(msss:string){
      console.log(msss)
    }
    return {msg,sonclick}
  },
  components:{
    NoCont
  }
}
</script>

子组件

<template>
  <div @click="sonHander">
    我是子组件中的数据
  </div>
</template>
 
<script>
import { defineComponent,setup } from "vue";
export default defineComponent({
  name: "NoCont",
  setup(props,context){
  console.log("props==>",props.mytitle);//输出的值是 undefined
  function sonHander(){
    context.emit("sonclick","子组件传递给父组件")
  }
  return {sonHander}
  }
});

</script>