Vue.js：用于构建真实 UI 的渐进式框架
Vue.js 是一个渐进式 JavaScript 框架，专为构建组件驱动的用户界面而设计——从嵌入现有页面的单个交互式小部件到使用 Nuxt 完全服务器渲染的应用程序。其 Composition API、细粒度反应系统和一流的 TypeScript 支持使其成为新项目和从旧版前端迁移的团队的实用选择。本课程从始至终涵盖 Vue 3，从模板语法到生产部署。
你将学到什么
你将学习 Composition API 和 script setup 语法、Vue 指令、计算属性和反应性基础知识。课程涵盖组件通信、插槽、provide/inject 和用于共享逻辑的 composables。你将使用 Pinia 和 Vuex 管理应用程序状态，使用 Vue Router 处理路由包括高级模式，验证表单，以及通过 WebSockets 使用 REST API 和实时数据。后续课程涵盖 TypeScript 集成、国际化、Storybook、使用 Vitest 进行测试、性能优化、使用 Nuxt 3 进行服务器端渲染、使用 Apollo 的 GraphQL、渐进式 Web 应用和 Vue 安全实践。
学习路径
四十二门课程跨越 A1 至 C1 级别。A1 和 A2 课程建立 Vue CLI、模板语法、数据绑定、指令、表单和组件基础。B1 课程构建完整生态系统：生命周期钩子、过渡、Pinia、Vuex、Vue Router、TypeScript、i18n 和异步数据。B2 提高难度，涵盖通过 Nuxt 3 进行服务器端渲染、GraphQL、WebSockets、组件测试、渲染函数、PWA 支持和组件库发布。C1 顶点课程涉及微前端架构、高级 Composition API 模式、使用 Suspense 的 SSR 流、Vue 大规模性能优化，以及使用 Fastify 和身份验证构建的完整全栈应用程序。
工作原理
每门课程分为简短的重点课程，你在内置代码编辑器中完成，具有实时反馈。当你遇到困难时，AI 导师随时可用，因此你可以按自己的节奏完成语法练习、组件挑战和架构问题，无需离开应用程序。