Vue.js大纲

教练：小春

摩拜前端负责人

出品过多个技术号，目前运营着国内前端大咖多爱看的《前端新视野 - 每天推荐 3 篇技术文章》

担任架构大会前端出品人：GIAC 全球互联网架构大会

参加过多场大型前端技术会议：SDCC 2016 中国软件开发者大会、vueconf 全球第一场技术会议等

写过 3 本前端书籍，最近一本：国内第一本 Vue.js 书籍《Vue.js权威指南》，第二版已经在路上了

之前也参与了多场内训课程，包含 vue 和 angular

主题

内容

第一章 Vue.js 基础

与其他框架的区别（jquery,angular,react,riot等）
* 双向绑定
* 内置指令
* 计算属性
* 过滤器
* class 与 style
* 过渡
* 组件化概念

第二章 预编译 css 基础

* 预编译优势是什么
* 常用预编译工具
* less
* sass
* stylus
* postcss
* 在 Vue.js 中的配置和应用

第三章 ES6 语法基础

* 模块
* 变量定义
* 函数
* Object 对象
* 函数柯里化概念补充
* 在 Vue.js 中的配置和应用
* babel 基础

第四章 webpack

* webpack 简介
* 基本概念
* 配置信息
* 分文件配置
* 插件介绍
* 插件开发
* 高级篇
* 打包流程
* 打包速度优化
* 打包体积优化
* 内置插件解析

第五章 开发工具

* IDE 推荐
* 如何调试 Vue.js
* 项目脚手架 vue-cli 介绍和使用
* vue-loader 配置和使用

第六章 与服务端交互方式

* 插件介绍 axios
* 跨域处理
* jsonp 设置
* 自定义请求头
* 全局封装 request 方法

第七章 路由和视图

* 路由插件使用
* 路由插件优化
* 结合 webpack 做分片加载
* 实战项目：搭建一个 SPA 项目

第八章 常用表单

* v-model 的应用场景
* 验证插件使用
* 修饰指令

第九章 父子组件交互

* 常用方法
* 项目实战案例
* slider 组件设计实战

第十章 组件开发和使用

* 基础
* 模板
* 异步
* 生命周期
* 基于第三方组件开发

第十一章 设计一个公司级组件库

* 文件结构
* 组件拆分
* 打包合并策略

第十二章 国际化解决方案项目实战

* 如何设计一个国际化插件
* 如何架构整个国际化目录和语言包

第十三章 多页和单页应用项目实战

* 单页应用项目实战
* 多页应用项目实战
* 基于 vue-cli 设计自己的脚手架

第十四章 服务端渲染技术之 nuxt

* nuxt 基础
* nuxt 项目实战
* 结合 docker 部署

第十五章 服务端渲染技术之 egg + vue

* egg 基础
* nuxt 项目实战
* 结合 docker 部署

第十六章 Vue.js 本身的可视化实战

* 如何在 Vue.js 框架基础上封装可视化
* 选择哪个轻量可视化库

第十七章 源码实现分析

* 数据监控
* 响应式原理
* 事件绑定
* 插件实现细节

第十八章 未来

* 跨端方案结合 weex 案例分析
* 应用 typescript 是否已经可以投产