來自 TypeScript 類型的 Nuxt `defineProps`

Question

我正在使用 Nuxt 3 / Vue 3 defineProps 和 TypeScript，並希望從 TypeScript 類型推斷 types prop 類型。

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

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

在此範例中，如何使 users 屬性成為 User[] 類型？

Answer 1

使用Vue的PropType

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

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