vue3+typescript


一、Vue3 集成 Typescript后定义组件

  1、vue3 中 集成ts后确保组件的 script 部分已将语言设置为 Typescript

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

import { defineComponent } from 'vue'

export default defineComponent({
    // 已启用类型推断。根据开始给定的数据类型,后面自动推断数据类型给出提示
})

  3、主动在项目中指定数据类型:

import { defineComponent } from 'vue';

let title:string = "我是一个home组件"; // 这里就是对下面data里面的title 指定数据类型

export default defineComponent({
   data() {
       return {
          title    // 这是 title: title  的简写
       }     
    } 
})  

  说明:个人感觉这种方式还是比较麻烦

  4、