禹神《Vue3最新纯享版》教程

市面上很多Vue3教程,实际讲解中大部分代码采用了Vue2的语法,本套教程完全基于Vue3的setup语法糖进行讲解,全程采用TypeScript+组合式API编码。千万播放新版Vue教程彪悍来袭,禹神出手,带你快速上手纯享版Vue3!

教程内容涵盖:Vue3中的核心语法、生命周期、自定义Hooks、路由、Pinia、插槽等重要内容,并加入了一些常用第三方库,如Mitt、Axios等,同时,对面试高频问题“Vue3组件通信”、“响应式相关API”等进行了详细梳理。

微信图片_20231219153545.png

教程贴心之处:为不熟悉TypeScript的学习者,精心准备了一份快速上手笔记,让你可以快速掌握TypeScript。此外,这是一套持续更新的教程,Vue3之后再推出新特性,教程会及时跟进更新。禹神出品,你值得拥有!

教程目录

01.Vue3开篇
02.Vue3简介
03.创建Vue3工程
04.编写App组件
05.一个简单的效果
06.OptionsAPI 与 CompositionAPI
07.setup概述
08.setup的返回值
09.setup与OptionsAPI
10.setup的语法糖
11.ref创建_基本类型的响应式数据
12.reactive创建_对象类型的响应式数据
13.ref创建_对象类型的响应式数据
14.ref对比reactive
15.toRefs与toRef
16.computed计算属性
17.watch监视_情况一
18.watch监视_情况二
19.watch监视_情况三
20.watch监视_情况四
21.watch监视_情况五
22.watchEffect
23.标签的ref属性
24.回顾TS中的_接口_泛型_自定义类型
25.props的使用
26.对生命周期的理解
27.Vue2的生命周期
28.Vue3的生命周期
29.自定义Hooks
30.对路由的理解
31.路由_基本切换效果
32.路由_两个注意点
33.路由_路由器工作模式
34.路由_to的两种写法
35.路由_命名路由
36.路由_嵌套路由
37.路由_query参数
38.路由_params参数
39.路由_props配置
40.路由_replace属性
41.路由_编程式路由导航
42.路由_重定向
43.对Pinia的理解
44.准备一个效果
45.搭建Pinia环境
46.存储+读取数据
47.修改数据(三种方式)
48.storeToRefs
49.getters的使用
50.$subscribe的使用
51.store组合式写法
52.组件通信_方式1_props
53.组件通信_方式2_自定义事件
54.组件通信_方式3_mitt
55.组件通信_方式4_v-model
56.组件通信_v-model的细节
57.组件通信_方式5_$attrs
58.组件通信_方式6_$refs与$parent
59.一个注意点
60.组件通信_方式7_provide_inject
61.插槽_默认插槽
62.插槽_具名插槽
63.插槽_作用域插槽
64.shallowRef 与 shallowReactive
65.readonly 与 shallowReadonly
66.toRaw与markRaw
67.customRef的使用
68.Teleport
69.Suspense
70.全局API转移到应用对象
71.Vue3的非兼容性改变