十一.Vue3.x集成Typescript

安装

vue add typescript

Vue3.x集成Typescript后定义组件

vue3.x中集成ts后请确保组件的 script 部分已将语言设置为 TypeScript

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

import { defineComponent } from 'vue'

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

1、定义一个基于ts的Home组件

2、定义一个接口约束Home组件中data的数据类型

3、方法、计算属性中约束数据类型

三、Vue3.x集成Typescript与组合式 API 一起使用

vue3中改变

image.png