3.2.1  Webpack初始化项目 47

3.2.2  Webpack下的Vue.js项目文件结构 49

3.3  本章小结 58

第4章  Vue快速入门 59

4.1  实例 59

4.2  组件 60

4.3  模板语法 63

4.4  方法、计算属性和监听器 68

4.4.1  方法 68

4.4.2  计算属性 70

4.4.3  监听器 71

4.5  动画 74

4.6  插槽 84

4.6.1  插槽内容 84

4.6.2  插槽的渲染作用域 86

4.6.3  插槽的备用内容 87

4.6.4  具名插槽 87

4.6.5  作用域插槽 89

4.6.6  解构插槽props 91

4.6.7  动态插槽与具名插槽的缩写 92

4.7  本章小结 93

第5章  Vuex快速入门 94

5.1  什么是状态管理模式 94

5.2  Vuex概述 95

5.2.1  Vuex的组成 96

5.2.2  安装Vuex 96

5.2.3  一个简单的store 97

5.3  state 99

5.4  Getters 101

5.5  Mutations 105

5.6  Actions 110

5.7  Modules 115

5.8  Vuex适用的场合 117

5.9  本章小结 124

第6章  Vue Router快速入门 125

6.1  什么是单页应用 125

6.2  Vue Router概述 126

6.2.1  安装Vue Router 126

6.2.2  一个简单的组件路由 127

6.3  动态路由 129

6.3.1  动态路由匹配 130

6.3.2  响应路由变化 131

6.4  导航守卫 133

6.4.1  全局前置守卫 134

6.4.2  全局解析守卫 136

6.4.3  全局后置钩子函数 136

6.4.4  组件内的守卫 136

6.4.5  路由配置守卫 137

6.5  嵌套路由 141

6.6  命名视图 144

6.7  编程式导航 147

6.8  路由组件传参 148

6.9  路由重定向、别名及元信息 150

6.9.1  路由重定向 150

6.9.2  路由的别名 150

6.9.3  路由元信息 152

6.10  Vue Router的路由模式 153

6.10.1  hash模式 153

6.10.2  history模式 154

6.11  滚动行为 155

6.12  keep-alive 159

6.12.1  keep-alive缓存状态 159

6.12.2  keep-alive实现原理浅析 161

6.13  路由懒加载 163

6.14  本章小结 163

第7章  ES6/ES7快速入门 164

7.1  变量声明 164

7.1.1  var、let、const关键字 164

7.1.2  箭头函数 167

7.1.3  对象属性和方法的简写 168

7.2  模块化 169

7.2.1  ES6模块化概述 169

7.2.2  import和export 170

7.3  async和await 171

7.4  本章小结 176

第8章  axios快速入门 177

8.1  什么是axios 177

8.2  vue-axios的使用 177

8.2.1  安装 177

8.2.2  第一个Demo 179

8.3  axios API 182

8.3.1  通过配置创建请求 182

8.3.2  使用请求方法的别名 183

8.3.3  创建axios实例 183

8.3.4  配置全局的axios默认值 184

8.3.5  请求和响应拦截器 184

8.4  响应结构 185

8.5  本章小结 187

第9章  移动端Web屏幕适配和UI框架 188

9.1  视区 188

9.1.1  物理像素和CSS像素 188

9.1.2  视区分类 189

9.1.3  设置视区 189

9.2  响应式布局 190

9.2.1  媒体查询 190

9.2.2  案例：响应式页面 193

9.3  Flex布局 196

9.3.1  Flex布局——新旧版本的兼容性 196

9.3.2  Flex容器属性 196

9.3.3  Flex子元素属性 201

9.3.4  Flex更便捷 205

9.4  rem适配 213

9.4.1  动态设置根元素font-size 213

9.4.2  计算rem数值 214

9.5  vw适配 215

9.6  rem适配和vw适配兼容性 216

9.7  移动UI框架的选择 218

9.7.1  Vant 218

9.7.2  MUI 219

9.7.3  Jingle移动端框架 220

9.7.4  FrozenUI 221

9.8  本章小结 223

第10章  移动端Web单击事件 224

10.1  touch事件 224

10.1.1  touch事件分类 224

10.1.2  touch事件对象 225

10.2  移动端Web单击事件 228

10.2.1  iOS单击延迟 229

10.2.2  单击穿透的问题 229

10.3  本章小结 231

第11章  实战项目：响应式单页面管理系统TODO 232

11.1  创建index.html 232

11.2  创建根实例和页面组件 233

11.3  页面切换 235

11.4  待办事项页面的开发 236

11.4.1  创建事项 236

11.4.2  单条事项组件 237

11.4.3  数据持久化 239

11.5  回收站页面的开发 240

11.5.1  创建已删除事项列表 240

11.5.2  创建单条已删除事项组件 241

11.6  删除事项和恢复事项联动 242

11.7  美化页面背景 242

11.8  本章小结 252

第12章  实战项目：移动电商Web App 253

12.1  项目环境配置 253

12.1.1  初始化并整理项目 253

12.1.2  引入并实现Vant的按需加载 255

12.1.3  引入并封装axios 255

12.1.4  使用Mock.js模拟数据接口 256

12.2  模拟数据接口 258

12.3  设计路由 262

12.4  底部tabbar 264

12.5  登录页、注册页实现 267

12.5.1  登录页实现 267

12.5.2  注册页实现 270

12.6  首页实现 275

12.7  详情页实现 280

12.8  购物车页实现 284

12.9  “我的”页面实现 289

12.10  本章小结 292

第13章  实战项目：Web App打包成移动端App 293

13.1  打包准备 293

13.2  使用HBuilderX打包手机端App 294

13.3  本章小结 298