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

目 录
第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