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