Nuxt „defineProps“ aus TypeScript-Typen

Question

Ich verwende Nuxt 3 / Vue 3 defineProps und TypeScript und möchte Typen-Requisitentypen aus TypeScript-Typen ableiten.

import { User } from '~/types/types'

const props = defineProps({
  users: {
    type: Array, // User[]?
  },
})

Wie schreibe ich users 属性成为 User[] in diesem Beispiel ein?

Answer 1

使用Vue的PropType

import { PropType } from 'vue'
import { User } from '~/types/types'

const props = defineProps = ({
  users: {
    type: Array as PropType<User[]>
  },
})