W250511/17.Vue3/project/src/components/Demo17.vue

<template>
  <div>
    <h1>传参:Props</h1>
    <ul v-for="(item,index) in aa.new1" :key="index">
        <li>{{ item.name }}</li>
    </ul>
  </div>
</template>

<script lang="ts" setup>
import {ref,reactive,defineProps,withDefaults} from "vue" 
interface p1 {
    id: number,
    name: string
}
// 1.传什么 接什么
// defineProps(['sex']);
// 2.规定传入类型
// defineProps({
//     sex1: String
// })
// 3.规定是否是必须传入及是否是默认值
const aa = withDefaults(defineProps<{
    new1:p1[]
}>(),{
    // sex1:'xx',
   new1:()=>[{id:3,name:'唐僧'}]
})
console.log(aa,'aa')
// withDefaults(defineProps<{
//     // 类型
// }>(),{
//     // 默认字段
// })
</script>

<style lang="scss" scoped>
</style>