Vue3-07 TypeScript支持

Vue3对TypeScript的支持比Vue2更加强大，因为Vue3本身就是用TypeScript编写的

项目创建

可以使用Vue CLI来直接生成使用TypeScript的新项目

# 1. Install Vue CLI, 如果尚未安装
npm install --global @vue/cli@next

# 2. 创建一个新项目, 选择 "Manually select features" 选项
vue create my-project-name

# 3. 如果已经有一个不存在TypeScript的 Vue CLI项目，请添加适当的 Vue CLI插件：
vue add typescript

组件的<srcipt>的lang属性应该设置为ts

定义组件

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

import { defineComponent } from 'vue'

export default defineComponent({
  // 已启用类型推断
})

选项式API的类型推断

通过defineComponent后，定义在data中的数据回自动被推断类型

const Component = defineComponent({
  da