从 Vue2 到 Vue3 与 React：前端技术栈的平滑迁移与实战落地
这套课程的核心价值在于解决前端工程师在技术迭代期面临的“断档”焦虑。当前端生态从 Vue2 向 Vue3 迁移，并逐渐向 React 全家桶过渡时，很多开发者往往只懂其一，难以应对企业级混合架构或新旧项目维护。这门课通过“金渡教育”实战项目的拆解，强制要求学员在同一个项目周期内，先掌握 Vue2 的企业级封装与性能优化，再无缝切换到 Vue3 的 Composition API 与 TypeScript 类型化开发，最后延伸至 React 的 Hooks 与状态管理。它不教你孤立的语法，而是直接展示如何在实际业务中处理登录状态持久化、商品列表双向联动、动态菜单渲染以及复杂的权限控制等高频场景，让你直接具备承接复杂项目的能力。
零基础可入门，进阶者需补全 TypeScript 与工程化短板
课程适合有一定 JavaScript 基础，但尚未系统接触过 Vue 全家桶或 React 核心概念的初级开发者，也适合想从 Vue2 转型 Vue3 的中级前端。资料包中包含了从基础语法到高级工程的完整视频序列，但建议不要按顺序从头啃。如果你是 Vue 新手，请先看第 10 部分 Vue2 实战，重点理解组件通信、指令使用及 axios 封装；如果你是 Vue3 初学者，务必先通读第 11 部分，务必通过 11.1 到 11.5 章节把 Composition API 和 JSX 环境配置吃透，否则后续看 React 会非常吃力。对于已有经验者，资料中的 Node.js 基础章节（第 13 部分）是补齐工程化短板的关键，能帮你理解服务器端渲染与事件循环，解决前后端数据交互的底层逻辑。
配套资料需动手敲代码，学完能独立搭建中型管理系统
资料包中的视频文件并非演示版，而是实战录屏，其中包含了大量具体的代码片段与工程配置细节。学习时必须开启倍速并暂停，对照视频中的代码在本地环境逐行复现，特别是 10.6 的性能优化、10.7 的动态缓存策略以及 11.1 的 TypeScript 泛型应用，这些是区分初级与高级前端的关键分水岭。学完这部分内容，你将能独立搭建并维护一个包含用户管理、商品展示、购物车逻辑及后台权限系统的中型电商或 SaaS 管理系统。资料中关于打包优化与部署的讲解，能让你脱离依赖他人配置，独立完成从代码提交到服务器上线的全流程，真正具备独立负责前端模块交付的能力。
课程目录
10Vue企业级项目实战 10.1继承覆盖组件_可拖拽指令_JSX使用指令.mp4 58.75M 10.2axios数据转换_query组件_防抖_分页.mp4 45.45M 10.3CRUD_pager混入_过滤器_业务.mp4 398.97M 10.5初审_终审.mp4 382.00M 10.6用户列表及性能优化_标的管理(1).mp4 334.83M 10.7keep-alive动态缓存.mp4 357.45M 10.8打包优化_部署.mp4 454.06M 10.9基本类型_数组_函数_接口_类.mp4 277.89M 11Vue企业级项目实战+TS + Vue3.0项目实战 11.10设置页面登录状态持久化+部署.mp4 289.86M 11.1泛型_type_交叉和联合类型_装饰器_断言.mp4 384.16M 11.2vue3基础_setup_reactive_ref_slots_.mp4 341.52M 11.3watch_computed_useXxx_renderJSX.mp4 369.76M 11.4项目搭建_金渡外卖项目.mp4 306.89M 11.5JSX环境说明_登录_首页_vmodel语法糖.mp4 299.48M 11.6路由meta和监视路由_轮播图_九宫格.mp4 326.07M 11.7处理ts的meta_商品列表.mp4 327.67M 11.8商品列表双向联动.mp4 356.17M 11.9商品列表组件封装+购物车布局.mp4 322.38M 12React全家桶 12.10订单_员工_权限_表格组件及表单组件优化.mp4 321.56M 12.1设置页面登录状态持久化+部署.mp4 331.85M 12.2基本写法_生命周期_数据传递.mp4 242.66M 12.3常用hooks.mp4 264.37M 12.4context_ref_路由.mp4 308.29M 12.5redux_项目搭建.mp4 295.49M 12.6登录_路由.mp4 297.84M 12.7布局_头部组件_动态菜单.mp4 272.49M 12.8监视路由_首页图表组件_表单组件.mp4 347.69M 12.9城市管理_loading和表单优化.mp4 285.26M 13玩转“双十一法宝”--Node.js基础 13.1课程介绍_事件循环及node应用场景介绍.mp4 22.28M 13.2环境安装及global.mp4 29.70M 13.3process核心功能及__filename等.mp4 23.33M 13.4require常用方法.mp4 21.85M 13.5module及各种模块化方案-.mp4 24.49M 13.6核心对象path、url常用方法.mp4 21.72M 13.7fs常用的同步方法.mp4 23.46M 14玩转“双十一法宝”--Node.js基础 14.1fs方法的回调及Promise.mp4 17.26M 14.2Koa快速入门及中间件思想及编写.mp4 29.76M 14.3客户端渲染vs服务端渲染、模板引擎的配置.mp4 35.72M 14.4cookie与session配置功能效果讲解.mp4 43.85M 14.5报文_cookie和session对比.mp4 14.27M 14.6路由参数_嵌套路由_状态码405和501介绍.mp4 22.09M 14.7数据库介绍_mongodb安装_CURD操作-.mp4 45.69M 15全栈开发-Node.js企业级金融信贷项目 15.1Mongodb高级查询.mp4 30.01M 15.2mysql安装_CRUD操作(新版).mp4 47.82M 15.3SQL注入原理及解决方案-.mp4 15.67M 15.4mysql高级查询.mp4 21.49M 15.5项目业务逻辑介绍及脚手架搭建.mp4 24.31M 15.6session序列化的代码演示.mp4 12.99M 15.7数据集导入和连接池查询.mp4 50.28M 15.8MVC实现登录功能.mp4 48.14M 16全栈开发-Node.js企业级金融信贷项目 16.10删除申请功能.mp4 23.13M 16.1中间件实现通用状态码处理.mp4 20.90M 16.3node调试及报名单验证token中间件.mp4 53.70M 16.4出及token黑名单处理.mp4 33.87M 16.5context上下文对象和挂载应用级别属性.mp4 28.03M 16.6创建用户及用户列表实现.mp4 58.75M 16.7前后端分页及申请的模糊查询.mp4 74.91M 16.8创建贷款申请.mp4 71.32M 16.9编辑申请功能.mp4 51.02M 17全栈开发-Node.js企业级金融信贷项目 17.10Vue的响应式底层原理讲解.wmv.mp4 38.46M 17.1链表数据解构解决核心业务逻辑.mp4 37.62M 17.2申请审批功能实现及完善业务逻辑判断.mp4 45.83M 17.3初审和终审查询.mp4 51.79M 17.4初审终审审批函数复用.mp4 52.95M 17.5查看审核详情.mp4 12.01M 17.6标的管理in查询功能的实现.mp4 57.71M 17.7生成合同及officegen介绍.mp4 72.62M 17.8下载功能的实现.mp4 40.49M 17.9项目部署及PM2_云服务器.mp4 28.47M 18大前端之手写底层原理 -vue2 源码分析知识点 18.10Vue计算属性的实现.mp4 9.46M 18.1Observe类的实现.mp4 24.58M
