Typescript中 ref、reactive、computed、defineprops、defineemits 的类型注解分别是什么

在TS中数据类型注解的作用就是限制变量赋值的数据类型并有提示

1.ref函数类型

// 1. 通过泛型指定value的值类型，如果是简单值，该类型可以省略
const money = ref<number>(10)
 
const money = ref(10)
 
 
// 2. 复杂类型，推荐指定泛型
type Todo = {
  id: number
  name: string
  done: boolean
}
const list = ref<Todo[]>([])
 

2.reactive函数类型

通过泛型参数的形式增加类型

import { reactive } from 'vue'
 
type Person {
   name: string
   age: number | string
}
 
const p = reactive <Person> ({
   name: 'ifer',
   age: 18,
})

3.computed函数类型

//通过泛型可以指定 computed 计算属性的类型
 
import { ref, computed } from 'vu