课程简介
课程定位与适用门槛 这门课旨在解决前端开发中从 Vue2 过渡到 Vue3 的技术断层问题,以及从零开始搭建现代化前端工程的能力缺口。它聚焦于 Composition API 的核心范式,帮助读者摆脱 Options API 的思维定式,掌握响应式数据的精准控制与组件逻辑的解耦封装。适合人群为具备 JavaScript 基础、熟悉 HTML5 和 CSS3…
课程定位与适用门槛
这门课旨在解决前端开发中从 Vue2 过渡到 Vue3 的技术断层问题,以及从零开始搭建现代化前端工程的能力缺口。它聚焦于 Composition API 的核心范式,帮助读者摆脱 Options API 的思维定式,掌握响应式数据的精准控制与组件逻辑的解耦封装。适合人群为具备 JavaScript 基础、熟悉 HTML5 和 CSS3 的初学者或转行者。若你完全零基础,建议先补齐 JS 语法;若有 Vue2 经验,课程核心在于理解 setup 语境与响应式原理的转变。资料包内容紧凑,去除了冗余概念,直接切入工程实战。
核心学习路径
建议按以下顺序建立知识闭环。首先观看工程创建与基础组件编写,快速跑通本地开发环境,建立全局认知。随后深入核心,重点攻克 setup 语法糖、ref 与 reactive 的响应式机制,这是后续所有功能实现的基石,务必通过代码反复验证数据变化如何驱动视图。接着学习 computed 计算属性与 watch 监听器,区分两者的适用场景,理解何时需要缓存,何时需要副作用。最后通过 props 通信、生命周期钩子及自定义 hooks,掌握复杂业务逻辑的复用与组件间协作,形成完整的组件化开发思维。
学完产出与资料配合
完成学习后,你将能独立搭建 Vue3 单页应用,熟练处理数据流与状态管理,封装高复用的业务组件,足以应对中型管理后台或企业级 Web 应用的基础开发需求。资料包是唯一的实操指导,切忌只看视频不动手。请在每节课后,立即在本地编辑器中复现示例代码,特别是 setup 与响应式章节,必须亲手调试 ref、toRefs 与 reactive 的差异,观察控制台数据变化,这样才能将碎片化的知识点转化为肌肉记忆,真正达到独立开发的水平。
课程目录
001_Vue3开篇.mp4 74.47M
002_Vue3简介.mp4 8.65M
003_创建Vue3工程.mp4 49.63M
004_编写App组件.mp4 30.21M
005_一个简单的效果.mp4 32.54M
006_OptionsAPI 与 CompositionAPI.mp4 19.88M
007_setup概述.mp4 41.19M
008_setup的返回值.mp4 9.56M
009_setup与OptionsAPI.mp4 19.32M
010_setup的语法糖.mp4 34.74M
011_ref创建_基本类型的响应式数据.mp4 26.04M
012_reactive创建_对象类型的响应式数据.mp4 41.65M
013_ref创建_对象类型的响应式数据.mp4 27.37M
014_ref对比reactive.mp4 49.58M
015_toRefs与toRef.mp4 42.35M
016_computed计算属性.mp4 57.73M
017_watch监视_情况一.mp4 32.99M
018_watch监视_情况二.mp4 39.11M
019_watch监视_情况三.mp4 38.38M
020_watch监视_情况四.mp4 63.21M
021_watch监视_情况五.mp4 16.63M
022_watchEffect.mp4 42.54M
023_标签的ref属性.mp4 42.30M
024_回顾TS中的_接口_泛型_自定义类型.mp4 37.16M
025_props的使用.mp4 84.88M
026_对生命周期的理解.mp4 8.03M
027_Vue2的生命周期.mp4 52.91M
028_Vue3的生命周期.mp4 38.18M
029_自定义hooks.mp4 71.06M
030_对路由的理解.mp4 13.60M
031_路由_基本切换效果.mp4 79.31M
032_路由_两个注意点.mp4 28.63M
033_路由_路由器工作模式.mp4 22.87M
034_路由_to的两种写法.mp4 7.33M
035_路由_命名路由.mp4 9.19M
036_路由_嵌套路由.mp4 30.96M
037_路由_query参数.mp4 49.38M
038_路由_params参数.mp4 38.12M
039_路由_props配置.mp4 41.72M
040_路由_replace属性.mp4 10.47M
041_路由_编程式路由导航.mp4 42.54M
042_路由_重定向.mp4 5.75M
043_对pinia的理解.mp4 10.15M
044_准备一个效果.mp4 69.89M
045_搭建pinia环境.mp4 10.74M
046_存储+读取数据.mp4 60.91M
047_修改数据(三种方式).mp4 53.68M
048_storeToRefs.mp4 33.72M
049_getters的使用.mp4 18.64M
050_$subscribe的使用.mp4 26.90M
051_store组合式写法.mp4 17.18M
052_组件通信_方式1_props.mp4 51.76M
053_组件通信_方式2_自定义事件.mp4 50.56M
054_组件通信_方式3_mitt.mp4 64.84M
055_组件通信_方式4_v-model.mp4 78.25M
056_组件通信_v-model的细节.mp4 21.90M
057_组件通信_方式5_$attrs.mp4 56.73M
058_组件通信_方式6_$refs与$parent.mp4 65.10M
059_一个注意点.mp4 9.05M
060_组件通信_方式7_provide_inject.mp4 51.74M
061_插槽_默认插槽.mp4 64.98M
062_插槽_具名插槽.mp4 28.79M
063_插槽_作用域插槽.mp4 57.07M
064_shallowRef 与 shallowReactive.mp4 49.74M
065_readonly 与 shallowReadonly.mp4 40.55M
066_toRaw与markRaw.mp4 57.05M
067_customRef的使用.mp4 68.70M
068_Teleport.mp4 53.84M
069_Suspense.mp4 32.21M
070_全局API转移到应用对象.mp4 29.33M
071_Vue3的非兼容性改变.mp4 10.83M
视频
代码.zip 240.06kb
资料.zip 8.50M