前端工程师必备技能：Vue移动开发实战技巧

Vue.js是一个渐进式的JavaScript 框架，与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。作为2016年社区*火的前端框架，越来越多的公司都在尝试用Vue来开发自己的项目。本书主要以项目维度，站在实战的角度，从项目的搭建，项目开发，到项目的优化，结合实际，多维度介绍了Vue.js。本书从实战场景出发，结合各种实用demo，结合开发环境构建，从无到有，剖析原理，全面介绍Vue2.0的实用技巧。后面几章重点讲解Vue内部实现机制，针对各种业务形态的支持以及网站调优方等等，是Vue技术体系追随者不可多得的实战宝典。

12年毕业于北京航空航天大学软件工程专业，先后就职于人人网、百度，现在在百度外卖担任高级前端工程师。拥有五年前端工程经验，对前端开发基础架构造型、技术应用、团队高效协作有自己独到的见解。热爱前端和开源，喜欢用平台化和工程化手段解决业务中的问题。

目 录

第1章 搭建开发环境\t1
1．1 本地Node环境\t1
1．1．1 Node．js\t1
1．1．2 npm\t7
1．1．3 yarn\t12
1．1．4 npm vs yarn\t17
1．2 ide相关配置\t17
1．2．1 常用ide\t17
1．2．2 Sublime text\t17
1．2．3 Atom\t20
1．2．4 WebStorm\t22
1．2．5 VSCode\t23
1．3 本章小结\t27
第2章 从零搭建Vue工程\t28
2．1 本地开发需要哪些工具\t28
2．2 搭建Vue工程\t29
2．2．1 Vue-cli\t29
2．2．2 脚手架项目构成分析\t30
2．3 webpack配置\t32
2．3．1 webpack简介\t32
2．3．2 webpack配置解析\t33
第3章 API详解\t45
3．1 全局变量\t45
3．1．1 silent\t45
3．1．2 optionMergeStrategies\t45
3．1．3 devtools\t46
3．1．4 errorHandler\t48
3．1．5 ignoredElements\t48
3．1．6 keyCodes\t49
3．1．7 performance\t49
3．1．8 productionTip\t49
3．2 模板语法\t50
3．3 指令\t50
3．3．1 v-text\t51
3．3．2 v-html\t51
3．3．3 v-pre\t51
3．3．4 v-cloak\t52
3．3．5 v-once\t53
3．3．6 v-if\t54
3．3．7 v-else\t54
3．3．8 v-else-if\t55
3．3．9 v-show\t55
3．3．10 v-for\t56
3．3．11 v-bind\t64
3．3．12 v-model\t70
3．3．13 v-on\t74
3．3．14 自定义指令\t77
3．4 过滤器\t79
3．5 计算属性\t80
3．5．1 基础例子\t80
3．5．2 计算属性vs Methods\t81
3．5．3 计算属性缓存\t81
3．5．4 Computed属性vs Watched属性\t82
3．5．5 计算setter\t83
3．6 观察者Watchers\t84
3．7 组件的功能与使用\t86
3．7．1 使用组件\t86
3．7．2 组件开发\t88
3．7．3 非Props属性\t92
3．7．4 自定义事件\t92
3．7．5 Slots内容分发\t96
3．7．6 动态组件\t99
3．7．7 组件的其他知识\t100
3．8 继承与混合\t104
3．8．1 Vue．extend\t105
3．8．2 options里的extends\t105
3．8．3 源码分析\t105
3．8．4 合并策略\t106
3．9 插件plugin\t111
第4章 Vue组件库\t115
4．1 Element\t115
4．1．1 Element的设计\t115
4．1．2 Element的UI\t116
4．1．3 Element的优缺点\t117
4．2 Mint UI\t118
4．2．1 Mint UI的特性\t118
4．2．2 Mint UI的优缺点\t119
4．3 iView\t119
4．3．1 iView简介\t120
4．3．2 iView的优缺点\t120
4．4 Vux\t121
4．4．1 Vux简介\t121
4．4．2 Vux优缺点\t122
4．5 XCUI\t122
4．5．1 XCUI简介\t122
4．5．2 XCUI优缺点\t123
第5章 官方周边库\t124
5．1 Axios\t124
5．1．1 功能\t124
5．1．2 安装\t124
5．1．3 Example\t125
5．1．4 Axios API\t126
5．1．5 请求配置\t127
5．1．6 响应结构\t130
5．1．7 配置的默认值/defaults\t131
5．1．8 拦截器\t132
5．1．9 错误处理\t133
5．1．10 取消\t134
5．1．11 Promises\t135
5．1．12 TypeScript\t135
5．2 Vuex的使用\t135
5．2．1 State\t135
5．2．2 Getters\t137
5．2．3 Mutations ＆ Actions\t138
5．2．4 Modules\t141
5．2．5 模块重用\t145
5．3 Vue-router使用\t146
5．3．1 安装\t146
5．3．2 开始\t146
5．3．3 动态路由匹配\t147
5．3．4 编程式导航\t151
5．3．5 命名路由\t152
5．3．6 命名视图\t153
5．3．7 重定向和别名\t153
5．3．8 HTML5 History模式\t154
5．3．9 后端配置例子\t155
5．3．10 警告\t155
5．3．11 导航钩子\t156
5．3．12 过渡动效\t159
5．3．13 数据获取\t160
5．3．14 滚动行为\t163
5．3．15 懒加载\t164
第6章 Vue项目优化\t166
6．1 状态过渡\t166
6．1．1 过渡的概念\t166
6．1．2 CSS过渡\t166
6．1．3 Javascript钩子\t167
6．2 Vue项目的自动化测试\t170
6．2．1 unit tests\t172
6．2．2 e2e测试\t175
6．3 Typescript Support\t179
6．3．1 Typescript\t179
6．3．2 安装Typescript\t180
6．3．3 Typescript和Vue结合\t180
6．4 MPA\t186
6．4．1 关于MPA的优劣势\t187
6．4．2 如何实现MPA\t187
6．5 Vue的异构\t190
6．5．1 不属于异构的情况\t191
6．5．2 通过封装成Vue组件的方式实现异构\t192
6．5．3 通过directive的方式实现异构\t194
6．5．4 循环嵌套Vue组件\t197
6．6 服务端渲染\t198
6．6．1 服务端渲染的概念\t198
6．6．2 用Vue-ssr的意义\t198
6．6．3 Vue-ssr的作用\t198
6．6．4 Vue-ssr学习难度\t198
6．6．5 技术栈\t199
6．6．6 前后端数据策略\t199
6．6．7 性能影响\t199
6．6．8 安装\t200
6．6．9 渲染一个Vue实例\t200
6．6．10 一个例子\t202
6．7 Vue的pre-render\t204
第7章 原理解析\t206
7．1 Virtual DOM原理\t206
7．1．1 DOM\t206
7．1．2 Virtual DOM算法\t209
7．2 Vue精髓之响应式数据流\t210
7．2．1 数据流演进史\t210
7．2．2 Vue和React介绍\t211
7．2．3 Vue的响应式数据流的优势\t211
7．2．4 Object．defineProperty与订阅发布设计模式\t213
7．2．5 Vue源码\t214
7．2．6 Vue的render函数就是Watcher的expOrFn\t218
7．3 Vuex2．0源码解析\t219
7．3．1 Vuex的含义\t219
7．3．2 源码分析\t220
7．3．3 Vuex API分析\t233
7．3．4 辅助函数\t235
7．3．5 插件\t239
7．3．6 一些函数的封装\t242
7．4 Vue-router原理\t244
7．4．1 Vue-router\t244
7．4．2 Vue-router应用举例\t244
7．4．3 Vue-router原理\t245
第8章 进军WEEX\t256
8．1 搭建WEEX基础环境\t256
8．1．1 初始化：hello world\t256
8．1．2 dotwe\t257
8．2 分析首个WEEX工程代码\t258
8．2．1 目录结构\t258
8．2．2 通过serve起服务\t258
8．2．3 webpack配置\t259
8．2．4 页面开发\t260
8．3 debug WEEX代码\t260
8．3．1 web端调试\t260
8．3．2 手机端调试\t261
8．4 集成WEEX到已有应用\t263
8．4．1 集成到Android\t263
8．4．2 集成到iOS\t268
8．5 使用WEEXpack构建移动应用\t271