完全胜任 Vue 前端开发工作
如果你一直找不到系统的课程学习前端，或又担心自己掌握的知识不能胜任前端开发工作，那么这门课会解决所有这样的问题！这门课程是 Vue 3.x 基础 + 实战课程，包含 Vue 3.x 全家桶： Vue + TypeScript + Vue Router 路由管理 + Vuex 全局状态管理 + Pinia 全局状态管理的基础和高级语法详解，并在其中穿插实战小项目帮助理解、积累经验，课程的目标是让你完全能胜任 Vue 的前端开发工作。
学完本课，你可以...
- 完全胜任 Vue 前端开发工作
- 构建小型、中型、大型的前端项目
- 掌握 Vue 组件代码规范
- 掌握 Vue 组件设计原则
- 学会 Vue 最新版本的语法特性
- 为其它 Vue 框架打下坚实的基础
在本课，你将学到...
- 使用普通 JS 或脚手架创建 Vue 项目
- Vue 基础与进阶语法：模板、配置项和 CSS
- 组件化与工程化开发
- Composition API 和 Composables
- TypeScript 入门与集成
- Vue 背后的机制：响应性原理和 Virtual Dom
- 动画和过渡的实现
- Vue Router 实现多页应用
- Vuex 管理全局状态
- Pinia 管理全局状态
- 前端社交项目实战
课程特色
- 280+ 小节，并终身更新
- 项目实战 学以致用
- 提供源码，包含课前练习和答案
课程目标人群
无论你是在校大学生还是初入职场的前端新人，或者是有 Vue 开发经验的前端老手，都可以从本课程中学到全面的 Vue 全家桶用法，你只需要熟练掌握 HTML、CSS 和 JavaScript 就可以了。
作者简介
我是张旭乾，《JavaScript 基础语法详解》一书的作者，有着多年的前端、后端、移动端等的开发经验。我在2016年，美国 stevens 理工学院研读计算机科学硕士学位，掌握了一些学习方法和前沿的技术，现在通过这个课程，把我掌握的知识传授给你，让你在工作和学习中，把开发技能更进一步提升。
课程大纲
课程介绍
- 课程介绍 03:50
- 源代码下载（左下角参考资料有链接）
- 交流&反馈
- 版本更新记录
快速入门
- 本章简介 01:08
- 传统的网页开发方式的弊端 03:38
- Vue.js 是什么？解决了哪些问题？ 03:03
- 引入 Vue 3.x 框架的方式 01:23
- 开发环境配置 01:21
- 创建第一个 Vue 3.x 应用 10:06
- 本章小结 00:42
Vue 基础入门
- 本章简介 00:38
- 创建并初始化 Vue 项目 03:17
- 使用 data 提供数据 04:24
- 在 HTML 属性中绑定 data 中的数据 02:42
- 展示列表内容 05:49
- 根据条件展示页面内容 06:37
- 事件与响应性入门 05:12
- 使用 computed 计算属性处理稍复杂的业务逻辑 03:10
- 使用 methods 方法处理事件 02:53
- 使用 watch 监听数据的变化 05:17
- 计算属性和方法的区别 06:41
- 计算属性 和 Watch 监听器的区别 09:55
- 方法和 Watch 监听器的区别 03:40
- 表单输入数据处理 04:34
- 双向绑定入门和 v-model 03:55
- 其它表单控件事件处理 06:53
- 表单提交事件处理 03:14
- 在 inline-style 内联样式中绑定 data 数据 04:10
- 根据条件添加或删除 class 样式 04:38
- 本章小结 01:46
常见问题（FAQ）
- 适合零基础吗？ 适合。按“基础 → 实战 → 原理”路线讲解， 你只需要掌握基本的 HTML/CSS/JavaScript。
- 需要会 TypeScript 吗？ 不需要。课程包含 TypeScript 入门与在 Vue 3 项目中的集成与实践。
- 学完能做什么项目？ 能独立完成中小型 Vue 3 项目，并具备搭建大型项目架构的能力。
- 有配套源码吗？ 有。包含课前练习与答案，方便对照与复盘。
- 在哪里观看？ 在哔哩哔哩课堂观看，支持随时学习。
还想先看看免费内容？可以先读：Vue 3 基础教程