Vue.js2.x实践指南 pdf下载

本书以符合初学者思维的方式，并结合作者实际参与过的项目，系统介绍Vue的应用技巧以及基于Vue构建企业项目的方法。通过本书的学习，读者可以全面掌握Vue及其相关技术的开发，并可以从本书代码中获取软件开发与架构设计的经验与灵感，对读者有极大的参考价值。
本书分为10章，内容包括Vue开发准备、Vue开发基础、Vue进阶、Vue组件开发、路由vue-router、webpack介绍、webpack和Vue的结合、webpack中UI组件的使用、移动图书商城以及PC后台管理系统。
本书适合具有HTML+CSS+JS基础的Vue初学者、Web前端开发人员，也适合作为高等院校和培训学校Web前端课程的教学参考书。

邹琼俊，湖南人，.NET高级工程师，CSDN学院讲师，专注于.NET Web开发，对.NET Web开发有较深研究。

目 录

第1章 Vue开发前奏 1
1.1 网站交互方式 1
1.1.1 多页Web应用（MPA） 2
1.1.2 单页Web应用（SPA） 2
1.2 前后端分离的开发模式 4
1.3 前端三大开发框架 5
1.4 为什么要学习流行框架（MVVM框架） 6
1.5 框架和库的区别 7
1.6 模块化和组件化 7
1.7 后端中的MVC与前端中的MVVM 之间的区别 8
1.8 Node.js安装 9
1.9 Promises介绍 10
1.9.1 在Promises出现之前的文件读取方式 10
1.9.2 Promises基本概念介绍 12
1.10 ES7语法糖async/await 15
1.11 开发工具 16
1.11.1 Visual Studio Code 16
1.11.2 vuedevtools 17
1.11.3 Chrome 18
第2章 Vue基础入门 19
2.1 Vue发展历史 19
2.2 什么是Vue.js 19
2.3 Vue基本代码 20
2.4 Vue常用指令介绍 22
2.4.1 v-cloak指令 23
2.4.2 v-html指令 25
2.5 v-bind&v-on指令 25
2.5.1 示例：跑马灯特效 26
2.5.2 事件修饰符 28
2.6 v-model双向数据绑定 32
2.7 v-for和key属性 34
2.8 v-if和v-show 37
2.9 在Vue中使用样式 39
2.9.1 使用class样式 39
2.9.2 使用内联样式 39
2.10 过滤器 40
2.10.1 全局过滤器 40
2.10.2 私有过滤器 41
2.11 键盘修饰符以及自定义键盘修饰符 42
2.12 自定义指令 43
2.13 增删改查示例 44
第3章 Vue进阶 49
3.1 Vue生命周期 49
3.2 axios介绍 51
3.2.1 跨域请求 54
3.2.2 Node手写JSONP服务器剖析JSONP原理 55
3.3 Vue过渡动画 57
3.3.1 单元素/组件的过渡 57
3.3.2 列表过渡 63
第4章 Vue组件开发 65
4.1 组件介绍 65
4.1.1 全局组件定义的三种方式 65
4.1.2 使用components定义私有组件 67
4.1.3 组件中展示数据和响应事件 67
4.1.4 组件切换 68
4.2 组件传值 70
4.2.1 父组件向子组件传值 70
4.2.2 子组件向父组件传值 71
4.3 组件案例：留言板 73
4.4 使用ref获取DOM元素和组件引用 76
4.5 Vuex 77
4.5.1 安装Vuex 78
4.5.2 配置Vuex的步骤 78
4.6 render函数 81
第5章 路由vue-router 84
5.1 什么是路由 84
5.2 安装vue-router的两种方式 84
5.3 vue-router的基本使用 85
5.4 设置选中路由高亮 87
5.5 为路由切换启动动画 88
5.6 路由传参query¶ms 89
5.6.1 query 89
5.6.2 params 90
5.7 使用children属性实现路由嵌套 91
5.8 使用命名视图 93
5.9 watch监听 95
5.10 computed：计算属性的使用 96
5.11 watch、computed、methods的对比 98
5.12 nrm的安装及使用 99
5.13 vue-router中编程式导航 100
第6章 webpack介绍 101
6.1 webpack概念的引入 101
6.2 webpack：最基本的使用方式 102
6.3 webpack最基本的配置文件的使用 105
6.4 webpack-dev-server的基本使用 106
6.5 使用html-webpack-plugin插件配置启动页面 107
6.6 webpack-dev-server的常用命令参数 108
6.7 webpack-dev-server配置命令的另一种方式 110
6.8 配置处理css样式表的第三方loader 111
6.9 分析webpack调用第三方loader的过程 112
6.10 npm install--save、--save-dev、-D、-S、-g的区别 113
6.11 配置处理less文件的loader 113
6.12 配置处理scss文件的loader 114
6.13 webpack中url-loader的使用 114
6.14 webpack中使用url-loader处理字体文件 118
6.15 webpack中Babel的配置 119

第7章 webpack和Vue的结合 122
7.1 webpack中导入Vue和普通网页使用Vue的区别 122
7.1.1 在webpack中使用Vue 122
7.1.2 在webpack中配置.vue组件页面总结 128
7.2 export default和export的使用方式 129
7.3 结合webpack使用vue-router 131
7.4 结合webpack实现children子路由 134
7.5 组件中style标签lang属性和scoped属性的介绍 135
7.6 抽离路由模块 138
第8章 webpack中UI组件的使用 140
8.1 使用饿了么的Mint UI组件 140
8.1.1 button组件 141
8.1.2 Toast组件 142
8.2 Mint UI按需导入 144
8.3 MUI介绍 145
8.4 MUI的使用 146
8.5 Vant UI 147
8.6 Element UI 147
8.6.1 引入Element 148
8.6.2 Element常见应用场景及解决方案 148
第9章 移动图书商城 157
9.1 mockjs介绍 157
9.2 App首页设计 158
9.3 使用阿里巴巴矢量库 159
9.4 App.vue 组件的基本设置 162
9.4.1 设置路由激活时高亮的两种方式 162
9.4.2 实现tabbar页签不同组件页面的切换 163
9.4.3 路由切换添加过渡效果 164
9.5 首页轮播图 165
9.6 首页九宫格 169
9.7 图书分类组件 172
9.8 制作顶部滑动导航 174
9.9 制作图片列表 179
9.10 在Android手机浏览器中调试App 182
9.11 真机调试 182
9.12 封装轮播组件 184
9.13 商品详情页 185
9.14 购物车小球动画 189
9.15 封装购买数量组件 191
9.16 设计购物车数据存储 193
9.17 我的购物车 194
9.18 增加页面返回 199
9.19 总结 200
第10章 天下会管理平台 201
10.1 Vue前端开发规范 201
10.1.1 统一开发环境 201
10.1.2 技术框架选型 201
10.1.3 命名规范 202
10.1.4 注意事项 203
10.1.5 ESlint配置js语法检查并自动格式化 204
10.2 通过vue-cli来搭建项目 206
10.3 完善项目结构 209
10.3.1 设置浏览器图标 209
10.3.2 完善src源码目录结构 209
10.3.3 引入Element UI 210
10.3.4 封装axios请求 210
10.3.5 Ajax跨域支持 215
10.3.6 封装全局的css变量文件 216
10.3.7 vue-wechat-title动态修改title 217
10.3.8 封装全局的配置文件base-config.js 218
10.4 项目介绍及其界面设计 218
10.5 项目设计和分析 220
10.5.1 帮主首页 221
10.5.2 其他管理界面 222
10.5.3 设计路由 226
10.5.4 设计业务逻辑层 229
10.5.5 Vuex设计 230
10.5.6 权限设计 231
10.5.7 菜单组件 232
10.6 表单验证 237
10.7 登录 244
10.7.1 账号密码登录 244
10.7.2 在线生成二维码 247
10.7.3 制作网站ico图标 247
10.7.4 存储登录信息 248
10.7.5 回车自动登录 249
10.7.6 防止登录按钮频繁点击 249
10.8 增删改查列表 250
后记 259

前 言


本书特点
本书前几章都在学习Vue基本的语法和概念，从第6章开始介绍webpack以及Vue和webpack的结合使用，第9章介绍如何使用Vue技术栈进行移动应用的开发，第10章则是介绍Vue在Web端的应用。本书采取以理论和实践相结合、由浅入深的方式来阐述Vue在实际工作中的各种应用，让读者在阅读过程中不会感觉到枯燥乏味。
如何阅读本书
由于书中内容环环相扣，所以我们建议读者尽量按照顺序进行阅读，然后动手按照书中的步骤，自己来实现。在这个过程中，可以根据自己的需要修改和新增一些需求，从而实现属于自己的基于Vue技术栈的项目。
源码下载
本书附带源代码，供读者参考，以便理解书中的内容。源码下载地址：https://github.com/zouyujie/vue_book。如果下载有问题，请电子邮件联系booksaga@163.com，邮件主题为“Vue”。
希望本书能给读者带来思路上的启发与技术上的提升，使每位读者能够从中获益。同时，也非常希望借此机会能够与国内热衷于Vue技术的开发者们进行交流。由于时间和本人水平有限，书中难免存在一些纰漏和错误，希望大家批评、指正。如果大家发现了问题，可以来信交流，万分感谢。
致 谢
这里首先要感谢的是夏毓彦编辑和清华大学出版社的其他编辑们，正是他们辛勤的工作，才使得本书得以顺利出版。
写一本书所费的时间和精力都是巨大的，写书期间，我占用了太多本该陪伴家人的时间，在这里，要特别感谢我的爱人王丽丽，谢谢她帮我处理了许多生活上面的琐事。
还要感谢我的父母，是他们含辛茹苦地把我培养成人，同时感谢公司给我提供了一个自我提升的发展平台，正是由于这一切的一切，才促使我顺利完成本书的编写。

作者
2020年3月