Vue

项目搭建规范 搭建项目流程 1.vue create 项目名 2.选择手动创建（Manually） 3.选择需要的配置 4.选择vue3 版本 5.是否持用class风格的component：N（一般

认识泛型 接收多个类型参数 接收剩余参数 泛型就是让 使用者自己把控数据类型 ，如果已经确定数据类型了，其实不需要用泛型 泛型接口 泛型类的使用 泛型的类型约束 TypeScript其他内容补充 模块

函数的重载引言 编写一个add函数，希望对字符串和数字类型进行相加，如何编写？ 改进：但是会存在很多缺陷（多个if判断） 函数重载的应用 函数的名称相同，但是参数个数、参数类型不同的 几个函数，就是重

类型断言as document.getElementById()返回HTMLElement，但是是span还是div还是h2呢？这里其实我们是无法知道具体的类型信息的。 通过类型断言，得到具体的类型

TS 语法 TS变量的声明 var/let/const 标识符：数据类型 = 赋值; 有时候我们会发现，在数据类型中，会有大写的String，也会有小写的string，区别是什么？ 小写string：

前序 认识TypeScript TypeScript编译环境 let message:string="HelloWorld" TypeScript只是在JS的基础上，加上了类型声明，本质运行的时候还是

actions的基本使用 当我们想把异步操作，移动到vuex中时，但是mutations并不能帮你解决异步操作。所以vuex帮我们多增加了一层：Actions层。通过actions中，完成异步操作，然

Vuex的状态管理 在开发中，我们的应用程序需要处理各种各样的数据，这些数据需要保存在我们应用程序中的某一个位置，对于这些数据的管理，我们称之为 “状态管理” data或setup中的数据：state

序言 router对象提供的两个重要的内置组件<router-link>和<router-view>。他是全局注册的。 路由插槽及属性 通过上面的知识，我们知道：router-link实际上是一个组件

前端路由 ip地址--真实电脑的mac地址：他们两个会有一个映射关系 后端路由 JSP、ASP、PHP 前后端分离(主讲 前端路由) 现在公司的开发模式：SAP（单一页面程序） S：single P：

真实DOM渲染 虚拟节点vnode 通过 diff算法 对比 要比 element div属性更有效率 以前DOM都是用HTML来编写的，但是我们使用虚拟DOM可以通过JS来操作，会更加的简单高效 将

认识自定义指令 页面加载完成后，input框默认获取焦点 自定义指令不能再setup中写，全局自定义指令用的更多 默认实现方式一 App.vue 一旦我的页面多了，需要该需求的页面多了，再用默认的方式

生命周期钩子 、 setup里没有Created了，因为可以直接在setup中写曾经写在created中的数据，并且setup的执行时间比beforeCreated还要早 Provide和inject

Reactive判断的API 只希望浅层的name进行响应式，对深层的name:kobe不响应 只对浅层的进行只读，深层的还是可以进行响应式 toRefs 这时，age怎么点都不会++。 因为:let

前序 以前我们使用的data()、computed()等等，在Composition API中都不会再使用了，API可以替代 认识Mixin 我们的Compositio API就是替代Mixin 以前

认识动画 App.vue css过渡动画 App.vue 同时设置过度和动画(transition和animation) 既有大小缩放变化，又有透明度变化 显示的指定动画时间 :duration用来设

切换组件案例 App.vue about.vue home.vue category.vue 不推荐v-if的 keep-alive 对组件进行包裹即可 keep-alive属性 include=".

非父子间的组件通信 分为两种方式 1.Provide/Inject 专门给子孙用的，兄弟不行 爷孙之间用props就会很麻烦，通过provide和Inject就可以避免这么麻烦。 App.vue le

localhost地址 = 127.0.0.1 组件拆分与嵌套 插件： vetur：提供vue语句、显示vue语句高亮效果； Vue VSCode Snippets：帮我们写好了代码片段 Vue 3

Vue CLI 脚手架 帮我们搭建项目的工具 Vue CLI安装和使用 1.安装脚手架 全局安装，以后在任何位置都可以使用脚手架 升级Vue CLI 2.通过Vue的命令来创建项目 项目目录结构 执行