Vue3+TS快速学习

插件：版本依赖【Version Lens】 Vue-Official  Total TypeScript

脚手架【cli-->vue@latest】

TypeScript

声明：let aa: type = value;[内置类型]

自定义类型：

类型可以是比较复杂的：

交叉类型：

只有在用的时候才知道的类型，我们可以先用泛型来定义：

【基本的定义】

三目运算符，确定条件类型：

extends

1.继承

2.约束泛型

3.条件类型

typeof可以用来判断基本数据类型，判断出来是string就是字符串。

内置的工具类型：

vue2的选项式API:

Vue3的组合式API：

基本部分：

状态数据：ref()---重新赋值之后，会展示在视图上

响应式原理：数据驱动视图更新

reactive()---创建响应式数据，用于对象或者复杂结构数据

ref()---创建响应式数据，用于基本数据类型或单一值

computed计算属性：

watch监听器：

执行顺序：

他们都是在watch的基础上去做了一些额外的处理

生命周期函数：【主要的】

父子之间的通信

父：

子：

插槽：我不确定是什么，需要外部额外传入 slot

渲染器负责整个数据与整个内容的协配工作。

h函数

动态组件 :is=

路由配置：

h函数部分为加的组件

路由注册：main.ts

挂载：app.vue中使用

  router-view

导航守卫：

路由跳转：

1.通过router-link的方式实现跳转

2.通过事件的方式实现跳转

携带参数：

pinia的基本使用---集中状态管理

选项式API的方式：

组合式API的方式：

注册pinia：

函数组合---组合式API的精髓