TypeScript进阶--类型注解

ref reactive computed defineProps defineEmits 的类型注解

ref函数类型

通过泛型指定value的值类型：

1. 如果是简单值，该类型可以省略，利用类型推导就可以。
2. 如果是复杂类型，指定泛型

示例:

reactive函数类型

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

computed函数类型

1. 利用 TS 类型推导的能力（推荐)

2. 通过泛型可以指定 computed 计算属性的类型

        

defineProps

defineProps 能够让子组件接收父组件传的值

在之前是通过配合vue默认语法去进行类型校验

配合TS使用

1. 类型校验

defineProps配合ts的泛型定义props 这样更直接

 2. props可以通过解构来制定默认值

注意：

如果提供的默认值需要在模板中渲染，需要额外添加配置

参考文档

defineEmits

子组件修改父组件值   在子传父时 会用到defineEmits

defineEmits配合运行时声明(简单)

 defineEmits配合ts 类型声明，可以实现更细粒度的校验