飞豹客 · 课能看,资料也能带走
飞豹客前端开发 会员免费

尚硅谷Vue3快速上手

如果你已经会写 Vue2,却一直没敢在项目里真正用上 Vue3;或者你跟着官方文档看过一遍,遇到 ref 、 reactive 的取舍还是凭感觉——这套内容解决的就是这个卡点。它不铺开讲前端基础,而是把 Vue3 里最容易含糊、最容易写错的几块单独拎出来讲透,让你从"看得懂示例"走到"自己敢下手改项

单课价¥29.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
265 人关注 更新于 2026-04-28 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员可按日额度下载(每篇扣 1 次)。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥29.90

会员 A · 按档位折扣

永久免费可下
年免费可下
月免费可下
周免费可下

会员 B

VIP¥5.98低至
SVIP单买¥200 内可领

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

如果你已经会写 Vue2,却一直没敢在项目里真正用上 Vue3;或者你跟着官方文档看过一遍,遇到 ref、reactive 的取舍还是凭感觉——这套内容解决的就是这个卡点。它不铺开讲前端基础,而是把 Vue3 里最容易含糊、最容易写错的几块单独拎出来讲透,让你从"看得懂示例"走到"自己敢下手改项目"。

它解决的是哪些具体场景

日常开发里真正让人卡住的,往往不是"怎么写一个组件",而是几个具体问题:数据用 ref 还是 reactive,对象类型为什么有时改了不更新;父子、兄弟组件之间该怎么传值,什么时候用 props、什么时候用自定义事件;路由跳转除了 router-link,编程式导航在什么业务里更顺手;以及从 Vue2 迁过来时,哪些写法在新版本里已经不再兼容。这套内容基本是围着这些高频场景展开的,路由部分从基本切换效果讲到编程式导航,组件通信单独成段,响应式数据则拆到对象类型这种细节上,针对性比较强。

适合什么基础,建议先看哪几块

前提是你能独立写 HTML、CSS 和 JavaScript,至少做过一两个 Vue2 或者别的框架的小项目。完全零基础直接看会有点吃力,因为讲解节奏偏快,默认你已经理解组件和模板语法。如果你时间有限,建议先看响应式数据那一块,把 ref 和对象类型响应式的行为差异弄清楚,这是后面所有组件逻辑的地基;接着看组件通信,props 这类最常用的方式优先;最后再进路由,从基本切换效果过渡到编程式导航。生命周期和非兼容性改变可以放在最后当查漏补缺,前者帮你理顺执行顺序,后者专门给从 Vue2 过来的人排雷。

学完能独立做什么,资料怎么配合练

走完一遍,你应该能独立搭起一个中等规模的前端页面:自己组织组件结构、用合适的方式在组件间传数据、配置路由并处理页面跳转、判断某段数据该用哪种响应式写法。这些是能直接落到工作里的能力,不是停留在demo层面。练习上不建议只看不写,每看完一块就自己起一个小项目验证——比如做一个带列表筛选和详情页的后台页面,把路由跳转、组件通信、响应式数据全用上。视频可以当参考手册反复回看,遇到报错时对照着排查,比从头刷一遍效率高。资料本身是成体系的讲解,配合自己动手改代码,效果比单纯看完要好得多。

课程目录

课程目录72 集
  • 📁 视频 视频说明.png [493.5 KB] 031_路由_基本切换效果.mp4
  • [79.3 MB] 052_组件通信_方式1_props.mp4
  • [51.8 MB] 071_Vue3的非兼容性改变.mp4
  • [10.8 MB] 041_路由_编程式路由导航.mp4
  • [42.5 MB] 013_ref创建_对象类型的响应式数据.mp4
  • [27.4 MB] 048_storeToRefs.mp4
  • [33.7 MB] 012_reactive创建_对象类型的响应式数据.mp4
  • [41.6 MB] 063_插槽_作用域插槽.mp4
  • [57.1 MB] 062_插槽_具名插槽.mp4
  • [28.8 MB] 039_路由_props配置.mp4
  • [41.7 MB] 036_路由_嵌套路由.mp4
  • [31.0 MB] 058_组件通信_方式6_$refs与$parent.mp4
  • [65.1 MB] 054_组件通信_方式3_mitt.mp4
  • [64.8 MB] 018_watch监视_情况二.mp4
  • [39.1 MB] 066_toRaw与markRaw.mp4
  • [57.0 MB] 059_一个注意点.mp4
  • [9.0 MB] 065_readonly 与 shallowReadonly.mp4
  • [40.6 MB] 046_存储+读取数据.mp4
  • [60.9 MB] 014_ref对比reactive.mp4
  • [49.6 MB] 022_watchEffect.mp4
  • [42.5 MB] 026_对生命周期的理解.mp4
  • [8.0 MB] 069_Suspense.mp4
  • [32.2 MB] 040_路由_replace属性.mp4
  • [10.5 MB] 038_路由_params参数.mp4
  • [38.1 MB] 037_路由_query参数.mp4
  • [49.4 MB] 042_路由_重定向.mp4
  • [5.8 MB] 032_路由_两个注意点.mp4
  • [28.6 MB] 064_shallowRef 与 shallowReactive.mp4
  • [49.7 MB] 049_getters的使用.mp4
  • [18.6 MB] 016_computed计算属性.mp4
  • [57.7 MB] 001_Vue3开篇.mp4
  • [74.5 MB] 050_$subscribe的使用.mp4
  • [26.9 MB] 070_全局API转移到应用对象.mp4
  • [29.3 MB] 021_watch监视_情况五.mp4
  • [16.6 MB] 002_Vue3简介.mp4
  • [8.6 MB] 010_setup的语法糖.mp4
  • [34.7 MB] 033_路由_路由器工作模式.mp4
  • [22.9 MB] 068_Teleport.mp4
  • [53.8 MB] 017_watch监视_情况一.mp4
  • [33.0 MB] 056_组件通信_v-model的细节.mp4
  • [21.9 MB] 044_准备一个效果.mp4
  • [69.9 MB] 060_组件通信_方式7_provide_inject.mp4
  • [51.7 MB] 015_toRefs与toRef.mp4
  • [42.3 MB] 051_store组合式写法.mp4
  • [17.2 MB] 019_watch监视_情况三.mp4
  • [38.4 MB] 025_props的使用.mp4
  • [84.9 MB] 027_Vue2的生命周期.mp4
  • [52.9 MB] 067_customRef的使用.mp4
  • [68.7 MB] 005_一个简单的效果.mp4
  • [32.5 MB] 009_setup与OptionsAPI.mp4
  • [19.3 MB] 043_对pinia的理解.mp4
  • [10.2 MB] 061_插槽_默认插槽.mp4
  • [65.0 MB] 008_setup的返回值.mp4
  • [9.6 MB] 034_路由_to的两种写法.mp4
  • [7.3 MB] 045_搭建pinia环境.mp4
  • [10.7 MB] 020_watch监视_情况四.mp4
  • [63.2 MB] 047_修改数据(三种方式).mp4
  • [53.7 MB] 053_组件通信_方式2_自定义事件.mp4
  • [50.6 MB] 023_标签的ref属性.mp4
  • [42.3 MB] 007_setup概述.mp4
  • [41.2 MB] 057_组件通信_方式5_$attrs.mp4
  • [56.7 MB] 029_自定义hooks.mp4
  • [71.1 MB] 006_OptionsAPI 与 CompositionAPI.mp4
  • [19.9 MB] 055_组件通信_方式4_v-model.mp4
  • [78.3 MB] 011_ref创建_基本类型的响应式数据.mp4
  • [26.0 MB] 003_创建Vue3工程.mp4
  • [49.6 MB] 004_编写App组件.mp4
  • [30.2 MB] 035_路由_命名路由.mp4
  • [9.2 MB] 024_回顾TS中的_接口_泛型_自定义类型.mp4
  • [37.2 MB] 028_Vue3的生命周期.mp4
  • [38.2 MB] 030_对路由的理解.mp4
  • [13.6 MB] 资料.exe [8.3 MB] 代码.exe [480.3 KB] 适合人群 前端开发者 Vue3爱好者 学习收获 掌握Vue3框架 精通组件通信与路由 提升前端开发能力 祝您学习愉快! 学有所成,前程似锦!