开发理论与编码实践结合，让你不仅学有所成，更能学以致用！
系统：从点到面讲解，循序渐进，有条有理
深入：以底层筑基实现上层运用，让你知其所以然
实用：提供62个应用案例，以实践检验真理
实战：4种常见类型网站实例，避免纸上谈兵
第一篇 概念篇——扎根于基础
第1章 引言 002
1.1 前端技术的发展 002
1.1.1 从静态走向动态 002
1.1.2 从后端走向前端 003
1.1.3 从前端走向全端 005
1.2 MVVM 族员—Vue.js 008
1.2.1 从MVC到MVVM 008
1.2.2 Vue.js简介 009
1.3 Vue与React 010
1.3.1 虚拟DOM 010
1.3.2 功能性组件 011
1.3.3 轻量级—将与核心库无关的业务封装成独立库 011
1.3.4 视图模板 012
1.3.5 其他 013
1.4 Vue与Angular 013
1.4.1 模板语法 013
1.4.2 脏检测 014
1.4.3 双向数据绑定 014
1.4.4 学习曲线 015
第2章 Vue基本介绍 016
2.1 安装和引入 016
2.1.1 如何引入Vue.js 016
2.1.2 安装Vue Devtools 017
2.2 Vue实例介绍 019
2.2.1 简单实例 019
2.2.2 生命周期 020
目录
VIII
Vue. js从入门到项目实战（升级版）
2.3 数据响应式原理 024
2.3.1 初识数据链 024
2.3.2 函数式编程 025
2.3.3 Vue中的数据链 026
2.3.4 数据绑定视图 027
第3章 Vue语法 031
3.1 插值绑定 031
3.1.1 文本插值 031
3.1.2 HTML插值 033
3.2 属性绑定 034
3.2.1 指令v-bind 034
3.2.2 类名和样式绑定 035
3.3 事件绑定 038
3.3.1 指令v-on 038
3.3.2 常见修饰符 040
3.3.3 按键修饰符 042
3.3.4 组合修饰符 043
3.4 双向绑定 045
3.4.1 指令v-model 045
3.4.2 v-model与修饰符 048
3.4.3 v-model与自定义组件 050
3.5 条件渲染和列表渲染 052
3.5.1 指令v-if和v-show 052
3.5.2 指令v-for 054
3.5.3 列表渲染中的key 059
第4章 Vue选项 060
4.1 常见选项及其用法 060
4.1.1 数据选项及其用法 060
IX
目 录
4.1.2 属性选项及其用法 065
4.1.3 方法选项及其用法 066
4.1.4 计算属性及其用法 068
4.1.5 侦听属性及其用法 072
4.2 DOM 渲染 074
4.2.1 指定被挂载元素 074
4.2.2 视图的字符串模板 075
4.2.3 渲染函数render 076
4.2.4 选项的优先级 083
4.3 封装复用 084
4.3.1 自定义指令 084
4.3.2 组件的注册 088
4.3.3 混入的使用 089
第5章 Vue内置组件 093
5.1 组件服务 093
5.1.1 动态组件 093
5.1.2 插槽 095
5.1.3 缓存组件 101
5.2 过渡效果 102
5.2.1 单节点的过渡 102
5.2.2 多节点的过渡 111
第6章 Vue项目化 115
6.1 快速构建项目 115
6.1.1 Vue CLI简介115
6.1.2 使用Vue CLI构建项目 116
6.1.3 项目目录介绍 117
6.2 前端路由 120
6.2.1 前端路由的简单实现 121
6.2.2 Vue中的前端路由 124
6.3 状态管理 131
6.3.1 对象引用 131
6.3.2 状态管理器Vuex 132
6.3.3 在项目中使用Vuex 136
第二篇 实战篇——提升于项目
第7章 打造线上商城（一） 144
7.1 项目规划 144
7.1.1 需求分析 144
7.1.2 流程分析 146
7.2 项目展示 147
7.2.1 首页 147
7.2.2 商品详情 150
7.2.3 购物车 151
7.2.4 订单 152
第8章 打造线上商城（二） 154
8.1 项目构建 154
8.1.1 目录结构 154
8.1.2 Webpack是什么？ 155
8.1.3 Font Awesome图标库 157
8.2 动态资源和数据 159
8.2.1 关于配置 159
8.2.2 动态资源 162
8.2.3 动态数据的存储 163
8.3 自定义组件 164
8.3.1 幻灯片 164
8.3.2 复选框 168
第9章 企业官网的建设 171
9.1 响应式设计 171
9.1.1 什么是响应式设计的概念 171
9.1.2 媒体查询 172
9.1.3 JavaScript布局 174
9.2 页面开发 175
9.2.1 页面切换 175
9.2.2 Swiper组件 176
9.2.3 划分内容区 177
9.3 多语种网站的建设 180
9.3.1 将一切纳入配置 180
9.3.2 将配置绑定到视图 183
第10章 我的掌上新闻 187
10.1 应用介绍 187
10.1.1 应用首屏 187
10.1.2 应用首页 188
10.1.3 新闻详情页 190
10.1.4 搜索页面 191
10.1.5 搜索结果页 194
10.2 项目构建 194
10.2.1 项目结构 194
10.2.2 数据流图 198
第11章 SVG 画图板 200
11.1 SVG 简介 200
11.1.1 有关SVG的三个问题 200
11.1.2 基本图形的使用 202
11.1.3 SVG中的渐变 203
11.2 项目介绍 205
11.2.1 页面介绍 205
11.2.2 代码简析 209
附录 拓 展 篇
附录A Git入门 218
附录B NPM入门 221
附录C Webpack入门 224
附录D 闭包和对象引用 230
附录E 常见的ECMAScript 6语法 233
