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

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

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

教程贴心之处:为不熟悉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的非兼容性改变

举报