使用 Typescript + Vue3 开发高仿知乎专栏文档站点

fc
247 阅读1分钟

1.什么是TS

image.png

image.png 2.# 类型断言 （常用）

image.png

image.png 3.枚举 常量枚举可以大大提高性能

image.png 常量枚举如下

image.png 没有常量枚举

image.png 4.泛型 理解为像占位符或者一个变量 定义好的类型，想参数一样传入 原封不变的给我们输出

image.png

约束泛型 通过extends 传入值满足我们约定的条件，而不是想传入啥就传入啥。

image.png

image.png

image.png

字面量

image.png 交叉类型

image.png

Vue3 语法糖使用

1.Provide 和 inject 使用

image.png

image.png

2.setup语法糖 使用简洁

image.png

父子传递 普通定义

image.png

父子传递 Ts定义

image.png

avatar
文章
阅读
粉丝