Vue.js 3用类数组声明道具

Question

我试图定义类型为Array的组件道具

但不管用..。

import { Person } from '...'
export default defineComponent({
    props: {
        people: Array<Person>
    }
})

export class Person {
...
}

如何正确申报？

Answer 1

使用从“vue”导入的Proptype

import { Person } from '...'
import { defineComponent, PropType } from 'vue';
    
export default defineComponent({
     props: {
        people: Array as PropType<Array<Person>>,
        default: undefined,
     }
})  

Answer 2

类的类型是function。当使用options-api声明函数支柱时，需要使用默认值。

使用复合api，您可以这样做：

import { Person } from '...';

const props = defineProps({
  people: Person
})

备选解决方案(选项-api)：

import { Person } from '...';

props: {
  people: {
    default: () => Person,
  },
},