这门课补的是哪一块缺口
能写 Vue 3 的组件、能用 setup 和 ref、能照着文档拼出一个后台管理页面——这大概是你现在的水平。但真把你放进一个多人协作、要上线、要长期维护的企业项目里，卡住你的往往不是语法，而是另外几件事：首屏为什么慢、慢在接口还是资源、微前端子应用之间的样式为什么会互相污染、组件库换了主题色为什么改不动。
这门课针对的就是这段落差。它的定位不是「Vue 3 入门」，而是假设你已经会写页面，接下来要处理的是工程结构、性能归因、样式隔离、主题体系这类真正会拖慢交付的问题。主讲人杨文坚有阿里和腾讯 IMWeb 的前端背景，内容偏向大厂里踩过坑之后沉淀下来的做法，而不是文档搬运。
三个具体的能力缺口
性能问题不只是浏览器的事
很多人一听性能优化，第一反应是「压缩图片、上 CDN、加个懒加载」。但真实项目里，卡顿的源头常常在 HTTP 资源的加载顺序和接口数据量上——某个接口返回了几百 KB 的 JSON，前端拿到才开始渲染；或者请求瀑布流太长，串行等待把可交互时间往后推了几秒。这门课会带你建立监控视角：把性能拆到资源加载和数据 API 两个层面去定位，而不是凭感觉猜。学完你应该能回答：线上首屏慢，怎么判断是资源问题还是接口问题？用什么指标说话？
微前端的隔离到底怎么做
微前端听起来是个架构词，落地时最先撞上的是两件很脏的事：JavaScript 全局变量冲突和 CSS 样式互相覆盖。子应用 A 在 window 上挂了个变量，子应用 B 恰好同名；A 写了 .title { color: red }，B 页面的标题莫名其妙变红。课程会讲隔离的实践经验，比如沙箱思路、样式作用域的划定。这部分不是背概念，是让你在融合两个已有系统时不至于推倒重来。
组件库的主题为什么改不动
自己写组件容易，写一套别人能改的组件难。难点在主题设计：颜色、圆角、间距这些值怎么抽成变量，怎么做到换一套配置就能整体换肤，同时单个组件的样式还能被业务方覆盖扩展。这背后是 CSS 变量、设计 token 和组件 API 的配合，课程会从全局主题设计思路讲起。学完你应该能回答：如果产品要求明天上线一套暗色主题，你的组件库需要动多少代码？
配套练习偏向「动手做出来」
课程按基础篇起步，逐步推进到全栈方向，前端之外还会涉及 Node.js 侧，目标是走完一个从 0 到 1 的完整项目。练习不是填空式的小 demo，而是围绕上面三类问题设计的实际任务：接一个性能监控、搭一次微前端集成、改一版主题。建议的学法是自己先动手写一版，再对照讲解看差在哪——这类工程问题，看懂和写出来之间隔得很远。
适合谁，不适合谁
- 适合：能用 Vue 3 独立完成页面开发，但没主导过中大型项目的前端；准备转岗到更需要架构能力岗位的人；公司正在推微前端或自研组件库、需要补课的人。
- 不太适合：还没写过 Vue 3 组件、不熟悉组合式 API 的初学者，前半段会跟不上；只想刷 API 用法、不打算动手做项目的人，收益会很有限。
一句话判断要不要学：如果你现在遇到性能、隔离、主题这三类问题时，只能靠搜索零散方案拼凑，那这门课的内容正好对着你的缺口。
Vue 3 企业级项目实战课
课程详情
Vue 3 企业级项目实战课
进阶高手的 Vue 3+Node.js 全栈开发训练
面对新技术升级，你是否感到困惑，虽然能快速上手，却难以将其应用于实际项目？本课程旨在解决这一问题，通过实战项目，让你掌握大厂级的技术方案。
- 前端性能监控：避免陷入前端性能就是浏览器问题的误区，学会监控 HTTP 加载资源或数据 API 导致的性能问题。
- 微前端项目：掌握 JavaScript 全局变量和 CSS 样式的隔离实践经验，避免应用融合中的污染问题。
- 前端组件库开发：学习全局的主题设计思路，确保组件的 CSS 样式可变更和扩展主题。
课程由前阿里前端 Leader、前腾讯 IMWeb 团队高级前端工程师杨文坚老师主讲，结合多年大厂项目经验和技术培训经验，带你从 0 到 1 完成企业级全栈项目。
课程设计
课程分为 4 个模块：
基础篇：换个视角，从“实用主义”重新入门 Vue 3，针对具体问题“对症下药”，让你的 Vue 3 基础更加实用。
进阶篇：沉淀方案，循序渐进地打造自己的技术知识储备，学习大厂里企业级项目常用的技术知识。
实战篇：因地制宜设计技术方案和实现技术功能，将企业级项目分解成简单易懂的技术知识点。
增强篇：打破边界，解锁前端以外的技能，深入 Node.js 服务端领域，掌握大厂程序员的技术“硬实力”和“软实力”。
课程目录
01 开篇词 01 开篇词｜为何掌握了技术API，依然在项目中处处掣肘.html 01 开篇词｜为何掌握了技术API，依然在项目中处处掣肘.mp3 02 基础篇 01 01｜编译和非编译模式：离开Vue工具，你还知道怎么用Vue 3吗.html 01 01｜编译和非编译模式：离开Vue工具，你还知道怎么用Vue 3吗.mp3 02 02｜Webpack编译搭建：如何用Webpack初构建Vue 3项目.html 02 02｜Webpack编译搭建：如何用Webpack初构建Vue 3项目.mp3 03 03｜从Rollup到Vite：如何用Vite构建你的Vue 3项目.html 03 03｜从Rollup到Vite：如何用Vite构建你的Vue 3项目.mp3 04 04｜模版语法和JSX语法：你知道Vue可以用JSX写吗.html 04 04｜模版语法和JSX语法：你知道Vue可以用JSX写吗.mp3 05 05｜响应式开发操作：如何理解和使用Vue 3的响应式数据.html 05 05｜响应式开发操作：如何理解和使用Vue 3的响应式数据.mp3 06 06｜跨组件数据通信：常见的组件间数据通信方式有哪些.html 06 06｜跨组件数据通信：常见的组件间数据通信方式有哪些.mp3 07 07｜项目代码规范：如何成为一名合格的团队协作工程师.html 07 07｜项目代码规范：如何成为一名合格的团队协作工程师.mp3 08 加餐｜基础篇思考题答疑.html 08 加餐｜基础篇思考题答疑.mp3 03 进阶篇 01 08｜如何从零搭建自研的Vue组件库.html 01 08｜如何从零搭建自研的Vue组件库.mp3 02 09｜主题方案和基础组件：如何设计组件库的主题方案.html 02 09｜主题方案和基础组件：如何设计组件库的主题方案.mp3 03 10｜动态渲染组件：如何实现Vue的动态渲染组件.html 03 10｜动态渲染组件：如何实现Vue的动态渲染组件.mp3 04 11｜布局组件：如何实现自研组件库的布局方案.html 04 11｜布局组件：如何实现自研组件库的布局方案.mp3 05 12｜受控表单组件：如何开发受控的表单组件.html 05 12｜受控表单组件：如何开发受控的表单组件.mp3 06 13｜动态表单组件：怎么优雅地动态渲染表单.html 06 13｜动态表单组件：怎么优雅地动态渲染表单.mp3 07 14｜代码单元测试：如何轻松地保证自己的代码质量.html 07 14｜代码单元测试：如何轻松地保证自己的代码质量.mp3 08 加餐｜进阶篇思考题答疑.html 08 加餐｜进阶篇思考题答疑.mp3 04 春节特别策划 01 围炉夜话｜学了新技术，在公司用不上怎么办.html 01 围炉夜话｜学了新技术，在公司用不上怎么办.mp3 02 围炉夜话｜Leader 眼里最有潜力的仔长什么样.html 02 围炉夜话｜Leader 眼里最有潜力的仔长什么样.mp3 03 围炉夜话｜你的职业起点和职业终点是什么.html 03 围炉夜话｜你的职业起点和职业终点是什么.mp3 05 实战篇 01 15｜定制运营拖拽组件：如何实现运营搭建页面的拖拽功能.html 01 15｜定制运营拖拽组件：如何实现运营搭建页面的拖拽功能.mp3 02 16｜单页面应用：如何理解和实现单页面应用开发.html 02 16｜单页面应用：如何理解和实现单页面应用开发.mp3 03 17｜Koa.js：如何结合Koa.js开发Node.js Web服务.html 03 17｜Koa.js：如何结合Koa.js开发Node.js Web服务.mp3 04 18｜Node.js服务端渲染页面：客户端渲染和服务端渲染有何区别.html 04 18｜Node.js服务端渲染页面：客户端渲染和服务端渲染有何区别.mp3 05 19｜全栈项目搭建：如何搭建Vue.js的前后台全栈项目.html 05 19｜全栈项目搭建：如何搭建Vue.js的前后台全栈项目.mp3 06 20｜数据库方案设计：如何设计运营搭建平台的数据库.html 06 20｜数据库方案设计：如何设计运营搭建平台的数据库.mp3 07 21｜用户注册和登录：如何结合Vue 3和Koa.js实现注册登录.html 07 21｜用户注册和登录：如何结合Vue 3和Koa.js实现注册登录.mp3 08 22｜物料组件的编译和管理：如何处理组件的多种模块格式.html 08 22｜物料组件的编译和管理：如何处理组件的多种模块格式.mp3 09 23｜运营物料的后台管理：如何全栈化实现列表分页的功能.html 09 23｜运营物料的后台管理：如何全栈化实现列表分页的功能.mp3 10 加餐｜实战篇思考题答疑（上）.html 10 加餐｜实战篇思考题答疑（上）.mp3 11 24｜后台搭建数据源：如何设计运营搭建页面的数据结构.html 11 24｜后台搭建数据源：如何设计运营搭建页面的数据结构.mp3 12 25｜后台搭建功能：如何设计和实现Vue.js运营后台的搭建功能.html 12 25｜后台搭建功能：如何设计和实现Vue.js运营后台的搭建功能.mp3 13 26｜页面编译和运行：如何设计Vue.js搭建页面的渲染策略.html 13 26｜页面编译和运行：如何设计Vue.js搭建页面的渲染策略.mp3 14 27｜后台发布流程：如何实现Vue.js搭建页面的发布流程.html 14 27｜后台发布流程：如何实现Vue.js搭建页面的发布流程.mp3 15 28｜前台页面版本化管理：如何实现搭建页面的迭代策略.html 15 28｜前台页面版本化管理：如何实现搭建页面的迭代策略.mp3 16 29｜前台页面的渲染方式：如何设计前台页面的渲染策略.html 16 29｜前台页面的渲染方式：如何设计前台页面的渲染策略.mp3 17 30｜前台页面的性能优化：如何实现前台页面的性能优化.html 17 30｜前台页面的性能优化：如何实现前台页面的性能优化.mp3 18 31｜前台页面的日志监控：如何进行页面实时监控与问题定位.html 18 31｜前台页面的日志监控：如何进行页面实时监控与问题定位.mp3 19 加餐｜实战篇思考题答疑（下）.html 19 加餐｜实战篇思考题答疑（下）.mp3 06 增强篇 01 32｜单元测试：如何打造Vue.js和Node.js全栈项目的单元测试.html 01 32｜单元测试：如何打造Vue.js和Node.js全栈项目的单元测试.mp3 02 33｜页面功能扩展：如何对Vue.js全栈项目做优雅扩展.html 02 33｜页面功能扩展：如何对Vue.js全栈项目做优雅扩展.mp3 03 34｜服务端功能扩展：如何对Vue.js全栈项目做服务端功能扩展.html 03 34｜服务端功能扩展：如何对Vue.js全栈项目做服务端功能扩展.mp3 04 35｜多进程部署：如何最大限度利用服务器资源运行Node.js服务.html 04 35｜多进程部署：如何最大限度利用服务器资源运行Node.js服务.mp3 05 36｜日志收集与问题排错：如何守护好Vue.js和Node.js的全栈项目.html 05 36｜日志收集与问题排错：如何守护好Vue.js和Node.js的全栈项目.mp3 06 加餐｜增强篇思考题答疑.html 06 加餐｜增强篇思考题答疑.mp3 07 结束语 01 结束语｜时刻做好“军备竞赛”，机会只留给有准备的人.html 01 结束语｜时刻做好“军备竞赛”，机会只留给有准备的人.mp3 02 期末测试｜来赴一场满分之约！.html
