课程收益:
1.快速了解和熟悉 Vue.js 基础知识以及开发工具
2.快速熟悉 ES6 以及一些函数柯里化等在 Vue.js 的应用
3.熟悉和掌握预编译 css 在 Vue.js 的应用
4.深入实战来了解 SPA 项目搭建
5.熟悉 Vue.js 中的前后端交互方式
6.了解组件原理,独立编写 Vue.js 组件
7.熟悉 1.0 和 2.0 的版本区别
8.熟悉数据流 vuex 的应用和原理
9.了解 Vue.js 框架实现细节
目标学员:
1.有一定 js 基础或者对前端新技术感兴趣;
2.技术主管、架构师、各个阶段的前端开发、喜欢前端的后端开发、全栈开发
课程大纲
第一章 Vue.js 入门
- 与其他框架的区别(jquery,angular,react等)
- 双向绑定
- 指令
- 计算属性
- 过滤器
- class 与 style
- 过渡
第二章 预编译 css 基础
- 优势是什么
- sass
- stylus
- 在 Vue.js 中的配置和应用
第三章 ES6 语法补充
- 模块
- 变量定义
- 函数
- Object 对象
- babel
- 函数柯里化概念补充
- 在 Vue.js 中的配置和应用
第四章 开发工具
- IDE 推荐
- 如何调试 Vue.js
- 项目脚手架 vue-cli 介绍和使用
-vue-loader 配置和使用
第五章 与服务端交互方式
- 插件介绍
- 跨域
- jsonp
- 自定义请求头
第六章 事件和实例方法
- method
- events
第七章 路由和视图
-路由插件使用
- 搭建一个 SPA 项目
第八章 常用表单
- v-model 的应用场景
- 验证插件使用
- 修饰指令
第九章 组件开发和使用
- 基础
- 模板
- 异步
- 生命周期
- 基于第三方组件开发
第十章 设计一个公司级组件库
- 文件结构
- 组件拆分
- 基于 2.0 和 1.0 开发差异
- 打包合并策略
第十一章 Vue.js 2.0
- 1.0 迁移 2.0 的成本和变化
- 2.0 的新增
- Virtual DOM
- 服务端渲染技术
第十二章 源码实现分析
- 数据监控
- 响应式原理
- 事件绑定