Vue3+Ts 父传子

//父组件组件传参
 
<Son :title="name" :arr="arr"></Son>
 
<script setup>
 
let name='程序猿'
let arr = [1,2,3]
</script>
 
 
 
 
//子组件接收
 
<script setup>
 //如果使用了Ts则可以用泛型字面量
//注意传过来的值要用变量接收 不然js部分使用不了只能在html部分使用  
 //withDefaults 是Ts特有的定义默认值
 withDefaults(
   defineProps<{
    title:string,
    arr:number[]
   }>(),{
  arr:()=>[6,6,6,6,6],
  title:'总有些惊奇的机遇'
   }
) 


 
</script>