要讓 TypeScript 正確推斷 Vue 組件選項中的類型,需要使用 defineComponent 全局方法定義組件:
import { defineComponent } from 'vue'
const Component = defineComponent({
// 已啟用類型推斷
})
如果你使用的是單文件組件,則通常會被寫成:
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
// 已啟用類型推斷
})
</script>
使用組建時 直接使用import導入 然后在components中定義 需要注意的使是如果組建導出的時候使用的是export default的話 導入的時候不需要添加{} 否則會報錯