vue3+ts父子组件传值,注意事项

父组件

 <singerView :singerList="singerList" :letterList="letterList" />

子组件

默认值的类型要求
withDefaults 的第二个参数（即默认值对象）中的每个属性必须是一个函数或一个值：

如果默认值是基本类型（如 string、number、boolean），可以直接赋值。
如果默认值是引用类型（如 Array、Object），必须使用函数返回默认值（如 () => [] 或 () => ({})）。

<script setup lang="ts">
import { withDefaults } from "vue";
// 定义 props 类型
interface Props {
  letterList: Array<any>;
  singerList: Array<any>;
}

// 定义 props 并设置默认值
const props = withDefaults(defineProps<Props>(), {
  letterList: () => [],
  singerList: () => [],
});