中培IT学院

VUE前端开发工程师认证课程方案

浏览:112次 作者:小编

 课程大纲.jpg


一、VUE3.0的定义

VUE3.0是Vue.js的下一个主要版本,它引入了许多新功能和改进,包括一个全新的Composition API,以及对于TypeScript的更好支持。VUE3.0保持了对Vue2的向后兼容性,允许开发者逐步迁移到新版本。

 

二、VUE3.0的特性

1.Composition API:允许开发者更灵活地组织组件逻辑,提高了代码的可读性和可维护性。

2.性能提升:通过 Proxy 实现更高效的响应式系统,结合 Time Slice 调度算法,显著提高了应用性能。

3.TypeScript 支持:Vue 3 提供了更好的 TypeScript 支持,包括类型推断和更丰富的类型定义,使得在 Vue 中使用 TypeScript 更加流畅。

4.Fragment:允许组件有多个根节点,使组件结构更加灵活。

5.Teleport:可以将组件的 DOM 树“传送”到 DOM 中的任何位置,而不仅仅是其子节点。

6.Suspense:提供组件加载等待时的备用内容,优化了异步组件的加载体验。

这些新特性共同为 Vue 开发者带来了更强大的能力和更好的开发体验。


三、VUE3.0课程大纲

培训时间

培训大纲

培训内容

第一天

上午

TypeScript

1. TypeScript简介和环境搭建

2. TypeScript静态类型

3. 基础静态类型和对象静态类型

4. 类型注解和类型推断

5. 函数参数和返回类型的注解

6. 数组类型注解的方法

7. 元组的使用和类型约束

8. 初识接口Interface

9. 初识接口Interface2

10. 类的概念和使用

11. 类的访问类型

12. 类的构造函数

第一天

下午

TypeScript

1. 类的Getter、Setter和static

2. 抽象类和只读属性的使用

3. 配置文件-初识tsconfig.json文件

4. 配置文件-初识compilerOptions配置项

5. 配置文件-compilerOptions配置详解

6. 联合类型和类型保护(类型守护)

7. Enum枚举类型详细讲解

8. TypeScript函数中使用泛型

9. TypeScrip在类中使用泛型

10. 初识TypeScript的命名空间-NameSpace

11. 深入TypeScript的命名空间-NameSpace

12. TypeScript如何使用impot语法

13. 用Parcel打包TypeScript代码

14. 在TypeScript中使用Jquery库

第二天

上午

Vue3

1. 构建vue项目

2. 2.0与3.0的差异

3. vue.config.js

4. Vue3.0开篇

5. diff算法

6. 静态提升和监听缓存

7. 项目创建

8. 存在的问题

9. 组合API上

10. 组合API中

11. 组合API下

12. 组合API本质

13. setup执行时机和注意点

14. Vue3.0-ref

15. ref和reactive区别

第二天

下午

Vue3

1. 递归监听

2. 非递归监听

3. shallowRef本质

4. toRaw

5. markRaw

6. toRef

7. toRefs

8. customRef上

9. customRef下

10. ref-获取元素

11. readonly家族

12. V3响应式数据本质上

13. V3响应式数据本质下

14. 手写shallowReactive-shallowRef

15. 手写reactive-ref

16. 手写readonly-shallowReadonly

第三天

上午

Vite

17. Vite定义

18. Vite由来

19. 对比差异点

20. Optimize

21. HMR

22. Build

23. 打包 or 不打包

24. 开箱即用

25. 实现原理

第三天

下午

Vue3源码进阶

1. 剖析Vue Composition API

2. 源码目录

3. Vue2响应式原理机制-defineProperty

4. 对象拦截

5. 数组方法劫持

6. Vue3数据响应机制-Proxy

7. reactive方法实现

8. effect实现

9. ref实现

10. computed实现

 

学习VUE3.0之后,将能够掌握VUE.JS框架的最新特性和最佳实践,这将使您能够更有效地构建和维护复杂的单页面应用程序和前端界面。如果您对领域驱动设计感兴趣,推荐您学习【中培IT学院】的VUE3.0从实战到源码全剖析技术实战训练营。本课程通过理论与实践相结合、案例分析与行业应用穿插进行讲解,掌握Vue3.0源码结构全剖析。

VUE3.0从实战到源码全剖析技术实战训练营”巡回开班,欢迎预约报名 

VUE3.0 VUE3.0
标签: VUE3.0培训 VUE3.0课程 VUE3.0

上篇: 中培IT学院--AI大模型开发培训班

下篇: 北京+线上10月云原生架构与容器化实战训....