getfromcode

尚硅谷Vue3快速上手(2024)

体系课
课程简介

课程定位与适用门槛 这门课旨在解决前端开发中从 Vue2 过渡到 Vue3 的技术断层问题,以及从零开始搭建现代化前端工程的能力缺口。它聚焦于 Composition API 的核心范式,帮助读者摆脱 Options API 的思维定式,掌握响应式数据的精准控制与组件逻辑的解耦封装。适合人群为具备 JavaScript 基础、熟悉 HTML5 和 CSS3…

已有 0 人浏览 发布 2026-09-23 更新 2026-09-23

课程定位与适用门槛

这门课旨在解决前端开发中从 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
课程购买
课程价格
金币29.9
299金币限时优惠会员免费
销量:0
💎 开通会员每日免费下载,比单买更划算 →
支付成功后会自动显示下载资源云盘的链接!点击链接即可下载到本地。