Vue 3.x 全家桶 完全指南+实战
从 0 掌握 Vue 开发必备技能,写出行云流水的前端代码,提升就业竞争力,
完全胜任 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 就可以了。
作者简介
课程大纲
课程介绍
快速入门
- 本章简介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-model03:55
- 其它表单控件事件处理06:53
- 表单提交事件处理03:14
- 在 inline-style 内联样式中绑定 data 数据04:10
- 根据条件添加或删除 class 样式04:38
- 本章小结01:46