课程简介
课程一共 23 个章节，除去理论知识，还有 11 个练习，3 个工程实践穿插于课程中，覆盖了单页应用和多页应用，从简单页面到复杂企业级应用。课程设计（讲解、练习）非常精巧，绝非直播课和国内的一般录播课所能及。
学习本课程不需要你任何JS框架的基础，你只需要对HTML、CSS、JS；有基础的了解即可。我们会从最基础的部分开始，逐步的提升到复杂喝更高级的主题。
课程收获
* 学会从简单到复杂企业级应用的VueJS程序编写方法
* 能在单页和多页应用中自如使用VueJS
* 真正理解VueJS的背后原理，并在真实项目中应用它们
适用人群
学习本课程只需要对HTML、CSS、JS有基本了解，只要你想学习VueJS前端框架，这门课将最适合你。
课程目录
├─第01章 从这里开始
│ ├001 课程介绍
│ ├002 实现第一个VueJS应用
│ ├003 扩展这个VueJS应用
│ ├004 课程结构
│ ├005 擅用课程资源
│ ├006 本地配置VueJS开发环境
├─第02章 通过VueJS来与DOM交互
│ ├007 本章介绍
│ ├008 理解VueJS模板
│ ├009 VueJS的模板语法和实例
│ ├010 访问Vue实例里的数据
│ ├011 属性绑定
│ ├012 理解和使用指令
│ ├013 用v-once禁止二次渲染
│ ├014 如何输出基础的HTML
│ ├015 作业1问题：输出数据到模板
│ ├016 作业1答案：输出数据到模板
│ ├017 监听事件
│ ├018 从事件对象里获取事件数据
│ ├019 传递你自己的事件参数
│ ├020 用事件修饰符来修改事件
│ ├021 监听键盘事件
│ ├022 作业2问题：事件
│ ├023 作业2答案：事件
│ ├024 在模板中编写JS代码
│ ├025 使用双向绑定
│ ├026 用计算属性来响应改变
│ ├027 计算属性的替代：观察改变
│ ├028 用缩写来节省时间
│ ├029 作业3问题：响应式属性
│ ├030 作业3答案：响应式属性
│ ├031 CSS类动态样式-基础
│ ├032 CSS类动态样式-使用对象
│ ├033 CSS类动态样式-使用命名
│ ├034 动态设置样式（不使用CSS类）
│ ├035 用数组语法设置元素样式
│ ├036 作业4问题：样式设置
│ ├037 作业4答案：样式设置
│ ├038 本章总结
├─第03章 使用条件和列表渲染
│ ├039 本章介绍
│ ├040 用v-if来做条件渲染
│ ├041 替代v-if语法
│ ├042 不要用v-show解绑
│ ├043 用v-for来渲染列表
│ ├044 获取当前的下标
│ ├045 替代v-for语法
│ ├046 循环一组对象
│ ├047 循环一组数字列表
│ ├048 用v-for来跟踪对象
│ ├049 作业5问题：条件和列表
│ ├050 作业5答案：条件和列表
│ ├051 本章总结
├─第04章 第一个实训项目 – 怪物猎人
│ ├052 介绍和挑战
│ ├053 搭建工程
│ ├054 创建Vue实例以及给血槽加样式
│ ├055 根据条件来显示玩家操作
│ ├056 实现“开始游戏”方法
│ ├057 实现“攻击”方法
│ ├058 重构时间到！更好的代码
│ ├059 实现“特殊攻击”方法
│ ├060 实现“疗愈”方法
│ ├061 完成操作按钮
│ ├062 创建操作日志
│ ├063 打印日志（v-for）
│ ├064 完成日志功能
│ ├065 根据条件来调整日志样式
│ ├066 本章总结
├─第05章 理解VueJS实例
│ ├067 本章简介
│ ├068 关于Vue实例的一些基础
│ ├069 使用多个Vue 实例
│ ├070 从外部访问Vue实例
│ ├071 Vue是如何管理数据和方法的
│ ├072 深入分析$el和$data
│ ├073 在你的模板中使用$refs
│ ├074 去哪里可以学到更多的Vue API
│ ├075 挂载一个模板
│ ├076 使用组件
│ ├077 一些模板的限制
│ ├078 Vue是怎样更新DOM的
│ ├079 Vue实例的生命周期
│ ├080 Vue实例生命周期实战
│ ├081 本章总结
├─第06章 使用Webpack和Vue命令行进入真实的开发流程
│ ├082 本章介绍
│ ├083 为什么我们要有开发服务器
│ ├084 “开发流程”指的是什么？
│ ├085 使用Vue命令行来创建项目
│ ├086 Vue命令行安装以及创建一个新项目
│ ├087 Webpack模板目录结构概述
│ ├088 理解“.vue”后缀的文件
│ ├089 理解Vue文件中的对象
│ ├090 如何构建一个真正的可发布应用
│ ├091 本章总结
├─第07章 组件介绍
│ ├092 本章介绍
│ ├093 组件介绍
│ ├094 使用数据方法来向组件中保存数据
│ ├095 将组件注册到局部或全局
│ ├096 在App.vue文件中的“根组件”
│ ├097 创建一个组件
│ ├098 使用组件
│ ├099 作业6问题：组件练习
│ ├100 作业6答案：组件练习
│ ├101 采用更好的目录结构
│ ├102 怎样给组件标签命名（选择器）
│ ├103 组件样式作用域
│ ├104 本章总结
├─第08章 组件间通信
│ ├105 本章介绍
│ ├106 通信存在的问题
│ ├107 使用Props来让父子组件通信
│ ├108 为Props命名
│ ├109 在子组件中使用Props
│ ├110 验证Props
│ ├111 使用自定义事件来让父子组件通信
│ ├112 理解单向数据流
│ ├113 使用回调函数来通信
│ ├114 在同级组件间通信
│ ├115 使用事件总线来通信
│ ├116 在一个事件总线中集中实现代码
│ ├117 作业7问题：组件间通信
│ ├118 作业7答案：组件间通信
│ ├119 本章总结
├─第09章 高级组件用法
│ ├120 本章介绍
│ ├121 创建本章工程
│ ├122 非最优的传递内容方案
│ ├123 使用插槽来传递内容
│ ├124 插槽内容是如何编译和风格化的
│ ├125 使用多个插槽（命名插槽）
│ ├126 默认插槽和插槽的默认设置
│ ├127 关于插槽的总结
│ ├128 将多组件转换为动态组件
│ ├129 理解动态组件行为
│ ├130 让动态组件保活
│ ├131 动态组件生命周期钩子
│ ├132 作业8描述：插槽和动态组件
│ ├133 作业8答案：插槽和动态组件
│ ├134 本章总结
├─第10 章第二个实训项目 – 漂亮的句子
│ ├135 本章介绍
│ ├136 创建工程
│ ├137 应用初始化
│ ├138 创建Application组件
│ ├139 使用Props和插槽传递数据
│ ├140 允许用户使用NewQuote组件创建句子
│ ├141 使用自定义事件来添加引用
│ ├142 添加一个消息框
│ ├143 允许删除句子
│ ├144 通过进度条来控制句子
│ ├145 结语和状态管理
├─第11章 用表单处理用户输入
│ ├146 本章介绍
│ ├147绑定表单基础标签input
│ ├148 分组数据和预填充输入
│ ├149 使用输入修饰符来修改用户输入
│ ├150 绑定textarea标签和保存换行符
│ ├151 使用复选框并将数据保存在数组中
│ ├152 使用单选按钮
│ ├153 使用select和option标签处理下拉菜单
│ ├154 v-model有什么用和如何创建自定义控件
│ ├155 创建自定义控件(输入)
│ ├156 提交表单
│ ├157 作业9描述：表单练习
│ ├158 作业9解答：表单练习
│ ├159 本章总结
├─第12章 使用和创建指令
│ ├160 本章介绍
│ ├161 指令的工作原理 – 钩子函数
│ ├162 理解什么是指令
│ ├163 创建一个简单的指令
│ ├164 给自定义指令传值
│ ├165 给自定义指令传参
│ ├166 用修饰符来修改自定义指令
│ ├167 自定义指令总结
│ ├168 本地注册指令
│ ├169 同时使用多个修饰符
│ ├170 给指令传递多个复杂值
│ ├171 作业10指令：问题
│ ├172 作业10答案：指令
│ ├173 本章总结
├─第13章 使用过滤器和混入来优化程序
│ ├174 本章介绍
│ ├175 创建本地过滤器
│ ├176 全局过滤器以及如何串联多个过滤器
│ ├177 替代过滤器：计算属性
│ ├178 理解什么是混入（Mixins）
│ ├179 创建和使用混入
│ ├180 怎样合并多个混入
│ ├181 创建一种特殊的全局混入
│ ├182 混入和作用域
│ ├183 作业11描述：过滤器和混入
│ ├184 作业11答案：过滤器和混入
│ ├185 本章总结
├─第14章 使用动画和过渡
│ ├186 本章介绍
│ ├187 理解什么是过渡
│ ├188 为使用过渡来做代码准备
│ ├189 过渡的配置
│ ├190 为过渡分配CSS类
│ ├191 使用CSS过渡属性来创建
│ ├192 使用CSS动画属性来创建“滑动”过渡
│ ├193 混合过渡和动画两种属性
│ ├194 v-if和v-show动画
│ ├195 配置初始化（加载）动画
│ ├196 使用不同的CSS类名
│ ├197 使用动态命名和属性
│ ├198 多个元素间的过渡（理论）
│ ├199 多个元素间的过渡（实践）
│ ├200 监听过渡事件的钩子
│ ├201 理解什么是JS动画
│ ├202 从动画中去掉CSS
│ ├203 在JS中创建动画
│ ├204 让动态组件做动画
│ ├205 使用来做列表动画
│ ├206 使用的准备
│ ├207 使用来让列表做动画
│ ├208 理解这个应用
│ ├209 创建这个应用
│ ├210 添加动画
│ ├211 本章总结
├─第15章 使用vue-resource来通过HTTP连接到服务器
│ ├212 本章介绍
│ ├213 配置：用vue-resource来访问HTTP
│ ├214 基于Firebase来创建应用和服务端
│ ├215 用POST方法给服务端发数据
│ ├216 用GET请求来获取和转换数据
│ ├217 全局配置vue-resource
│ ├218 拦截请求
│ ├219 拦截响应
│ ├220 vue-resource里的resource从哪里来
│ ├221 创建自定义的资源
│ ├222 资源vs传统HTTP请求
│ ├223 理解URL模板
│ ├224 本章总结
├─第16章 VueJS应用中的路由概念
│ ├225 本章介绍
│ ├226 配置VueJS路由（vue-router）
│ ├227 配置和加载路由
│ ├228 理解路由模式（哈希vs历史）
│ ├229 路由链接导航
│ ├230 我在哪儿？定义活动链接
│ ├231 通过代码导航（强制导航）
│ ├232 配置路由参数
│ ├233 获取、使用路由参数
│ ├234 响应路由参数改动
│ ├235 配置子路由（嵌套路由）
│ ├236 潜逃路由导航
│ ├237 更动态的配置路由链接
│ ├238 创建链接的更好方式 – 命名路由
│ ├239 使用查询参数
│ ├240 多路由视图（命名路由视图）
│ ├241 重定向
│ ├242配置“Catch All”路由通配符
│ ├243 路由动画过度
│ ├244 传递Hash Fragment
│ ├245 控制卷屏行为
│ ├246 使用守卫来保护路由
│ ├247 使用“beforeEnter”守卫
│ ├248 使用“beforeLeave”守卫
│ ├249 路由懒加载
│ ├250 本章总结
├─第17章 用Vuex来更好的管理状态
│ ├251 本章介绍
│ ├252 为什么要用一个不同的状态管理机制
│ ├253 理解“集中的状态”
│ ├254 使用集中状态
│ ├255 为什么集中状态自身并不能解决问题
│ ├256 理解Getter
│ ├257 使用Getter
│ ├258 将Getter映射到属性
│ ├259 理解Mutation
│ ├260 使用Mutation
│ ├261 为什么Mutation要使用同步执行模式
│ ├262 Action怎么改进了Mutation
│ ├263 使用Action
│ ├264 将Action映射到方法
│ ├265 Vuex总结
│ ├266 双向绑定（v-model）和Vuex
│ ├267 改进的目录结构
│ ├268 模块化状态管理
│ ├269 使用分割的文件
│ ├270 使用名字空间来避免命名冲突问题
│ ├271 本章总结
├─第18章 最终实训项目 – 股票交易
│ ├272 项目介绍
│ ├273 项目配置和规划
│ ├274 创建第一个组件
│ ├275 配置项目路由
│ ├276 添加头部和导航
│ ├277 规划下一步
│ ├278 创建股票组件
│ ├279 添加购买按钮
│ ├280 配置Vuex状态管理
│ ├281 为Vuex添加展示模块
│ ├282 实现展示用的股票
│ ├283 将展示模块连接到Vuex
│ ├284 修复一些Bug
│ ├285 显示资金
│ ├286 添加记名支票
│ ├287 使用过滤器让资金显示更好看
│ ├288 一天的结束 – 随机股票价格
│ ├289 路由过渡动画
│ ├290 保存和获取数据 – 添加下拉菜单
│ ├291 与Firebase一起配置vue-resource
│ ├292 保存数据（PUT请求）
│ ├293 获取数据（GET请求）
│ ├294 测试和修复Bug
│ ├295 项目总结
│ ├296 福利：使用Vue开发工具调试Vuex
├─第19章 部署VueJS应用
│ ├297 项目介绍
│ ├298 部署准备
│ ├299 部署应用（使用亚马逊AWS S3）
├─第20章 课程总结
│ ├300 课程总结
├─第21章 福利：使用Axios替代vue-resource
│ ├301 概述
│ ├302 本章介绍
│ ├303 工程配置
│ ├304 Axios配置
│ ├305 发送POST请求
│ ├306 发送GET请求
│ ├307 访问和使用响应数据
│ ├308 全局请求配置
│ ├309 使用拦截器
│ ├310 自定义Axios实例
│ ├311 总结
├─第22章 福利：Vue应用中的鉴权
│ ├312 概述
│ ├313 本章介绍
│ ├314 单页应用中鉴权工作原理
│ ├315 工程配置
│ ├316 添加用户注册
│ ├317 添加用户登录
│ ├318 使用Vuex来发送鉴权请求
│ ├319 在Vuex中保存鉴权数据
│ ├320 通过Vuex访问其它资源
│ ├321 向后台发送Token
│ ├322 路由保护（Auth Guard）
│ ├323 基于鉴权状态来更新UI状态
│ ├324 添加用户登出功能
│ ├325 添加自动登出功能
│ ├326 添加自动登录功能
│ ├327 总结
├─第23章 福利：表单输入验证
│ ├328 概述
│ ├329 本章介绍
│ ├330 安装Vuelidate
│ ├331 添加验证器
│ ├332 验证时添加UI反馈
│ ├333 控制错误输入的显示风格
│ ├334 更多的验证器
│ ├335 验证密码
│ ├336 使用必填验证器
│ ├337 验证数组
│ ├338 控制表单提交按钮
│ ├339 创建自定义验证器
│ ├340 异步验证器
│ ├341 本章总结
评论1