Vue.js 3移动应用开发实战

图书标准信息

• 作者 绵绵的糖
• 出版社 清华大学出版社
• 出版时间 2022-07
• 版次 1
• ISBN 9787302607793
• 定价 79.00元
• 装帧 其他
• 开本 16开
• 纸张 胶版纸
• 页数 298页
• 字数 0.53千字

【内容简介】

随着前后端分离开发模式的出现，前端框架Vue、React、Angular相关生态的不断完善，移动设备的普及，移动端Web App的开发成为主流，越来越多的大学逐步开设Web相关的课程。本书是一本为初学前端的学生量身定制的移动端Web开发入门教材，适合对移动端Web开发了解不多、没有系统学过前端开发，但对前端编程感兴趣的读者学习使用。 本书分为13章，第1~2章主要介绍移动端Web技术的发展和移动端Web项目所需要的技术栈，包括安装开发环境与调试代码等；第3~10章主要介绍各种技术栈及第三方库的基础语法和使用方法等，涉及的技术栈及第三方库包括Vue、Vuex、Webpack、Vue Router、Node.js、Mock.js、Vant Weapp、axios等，并在每章中都提供实战案例或Demo；第11~12章分别给出2个实战案例—响应式单页面管理系统TODO和移动电商Web App；第13章介绍Web App转为移动App的方法。 本书内容由浅到深、解析详细、示例丰富，是广大移动前端开发初学者的必备参考书，同时也非常适合作为高等院校和培训机构的计算机及相关专业的教材。

【作者简介】

我的笔名是绵绵的糖，有多年前端开发从业经验，比较擅长Vue框架，也了解并会使用React框架。由于自己比较喜欢小程序开发，所以对原生小程序开发也比较有经验。

总的来说，写作这本书的过程也是一个不断学习的过程，不断汲取新的或者以前没有注意到的小知识点，将自己知道的或者结合网上其他人的经验，经过实践总结出许多知识点，供大家学习，为读者提供一个入门Vue移动开发的书籍。由于个人能力、经验和时间等的限制，书中可能存在部分未讲解透彻的地方，还望读者多提意见。

对于初次学习移动前端开发的初学者来说，本书是完全可以参考的，希望这本书能够帮助到学习前端移动开发的读者。

【目录】

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