资源介绍
Vue101 - 项目驱动学Vue（从入门到实战） (中文字幕英文视频教程)
本课程是一套以项目实战为核心的Vue入门教程，专为零基础或想快速上手Vue框架的学习者设计。课程摒弃枯燥的理论堆砌，通过“理论讲解+案例实操”的模式，引导学习者在完成真实项目的过程中，逐步掌握Vue的核心语法、组件化开发、状态管理、路由配置等关键技能，最终具备独立开发Vue应用的能力。课程包含全套中文字幕（srt格式），降低语言理解门槛，助力学习者精准把握知识点细节。
整套课程共涵盖96个视频教学资源（均为MP4格式），内容从Vue基础入门到高级特性应用层层递进，形成完整的学习闭环。课程结构清晰，分为6大核心模块，每个模块围绕特定主题和项目展开，让学习目标更明确，实践场景更具体。
入门引导模块作为课程的基础开篇，系统讲解Vue学习的前置准备与核心基础。学习者将首先了解课程整体架构与学习路径，随后完成Chrome浏览器、VS Code等开发环境的搭建，掌握CDN与CLI两种Vue项目的初始化方式。通过简易计数器应用的开发，初步接触Vue的响应式数据、ref语法、click指令等核心概念，并深入理解CLI生成项目的目录结构，为后续学习筑牢基础。
待办事项应用模块是Vue基础语法的综合实践场景。在该模块中，学习者将从零搭建一个完整的待办事项应用，逐步掌握双向数据绑定、任务添加、列表渲染、任务状态切换等核心功能的实现方法。同时，课程将深入讲解条件渲染（v-if/v-else）、样式动态绑定、键盘事件指令等实用知识点，并引入计算属性、监听器、生命周期钩子（onMounted）等进阶概念，实现任务搜索过滤、数据持久化存储等功能，让学习者深刻理解Vue在实际应用中的灵活运用。
课程应用模块聚焦于Vue组件化开发与网络请求核心技能。学习者将搭建一个课程展示与预约应用，重点掌握组件封装（CourseItem、RoundedButton）、父子组件通信（defineProps/defineEmits）、插槽（普通插槽、具名插槽）等组件化核心知识点。同时，课程将引入JSON Server模拟后端服务，讲解网络请求的发送与数据处理，实现课程数据获取、预约提交、已预约课程查询等功能。此外，模块还涵盖加载状态管理、骨架屏动画、乐观更新、组合式函数（Composables）封装等高级应用，帮助学习者解决复杂项目中的代码复用与性能优化问题。
Pinia模块专门讲解Vue的状态管理方案，对比组合式函数与Pinia的差异，帮助学习者理解状态管理的核心价值。通过搭建Pinia计数器项目，学习者将掌握Pinia的基本使用方法，包括Store的创建、状态定义与修改，以及在多组件间实现状态共享，为开发中大型Vue应用提供清晰的状态管理思路。
Vue Router模块聚焦于单页应用的路由管理。学习者将搭建一个电商商城路由项目，系统掌握Vue Router的配置与使用方法，包括路由链接（RouterLink）、路由视图（RouterView）、动态路由、命名路由等核心知识点。同时，课程将讲解路由守卫、编程式导航、404页面配置等实用技能，并对比onMounted与监听器在路由数据获取中的应用场景，让学习者具备单页应用的路由设计与实现能力。
TS、表单与高级特性模块是Vue进阶能力的提升环节。学习者将搭建一个Vue偏好设置应用，掌握Vue与TypeScript的结合使用，包括泛型的应用。同时，课程将深入讲解表单数据收集与验证、标签页组件开发、动态组件切换等实用功能，并引入过渡动画（Transition）、KeepAlive缓存组件、Teleport组件等Vue高级特性，实现Toast消息提示、表单数据持久化等功能。通过该模块的学习，学习者将全面提升Vue应用的交互体验与开发规范性。
本课程通过96个实操视频的细致讲解，将Vue的核心知识点与真实项目场景深度融合，每个知识点都配有对应的代码实现与效果演示，让学习者看得见、学得上、用得会。全套中文字幕确保知识点传递精准无误，无论你是前端初学者，还是想提升Vue开发能力的开发者，都能通过本课程快速掌握Vue框架的核心技能，开启项目驱动的Vue学习之旅。