vue3 ts 组建定义

要让 TypeScript 正确推断 Vue 组件选项中的类型,需要使用 defineComponent 全局方法定义组件:

import { defineComponent } from 'vue'

const Component = defineComponent({
  // 已启用类型推断
})

如果你使用的是单文件组件,则通常会被写成:

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  // 已启用类型推断
})
</script>

image
使用组建时 直接使用import导入 然后在components中定义 需要注意的使是如果组建导出的时候使用的是export default的话 导入的时候不需要添加{} 否则会报错
image

posted @ 2022-03-02 14:26  RainbowMagic  阅读(778)  评论(0)    收藏  举报