禹神《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的非兼容性改變