Vue3 +Ts 父子组件传值

1 接收参数

type list={
    name:string,
    id:number
}
type Props={
    title:string,
    data?: list[]
}
defineProps<Props>()

2 设置默认值 复杂类型需要通过函数return

type list={
    name:string,
    id:number
}
type Props={
    title:string,
    data?: list[]
}
withDefaults(defineProps<Props>(),{
  title:'我是默认头部',
  data:()=> [{name:'小明',id:1}]
})

//非ts声明
let emits = defineEmits(['update-rate']) 
function onRate(num){
    emits('update-rate', num)
}
//采用ts专有声明，
let emits = defineEmits<{(e: 'update-rate', num: number): void}>()
function onRate(num: number){
    emits('update-rate', num)
}