《Vue.js框架与Web前端开发从入门到精通》从Vue.js框架技术的基础概念出发，逐步深入Vue.js进阶实战，并在后配合一个网站项目和一个后台系统开发实战案例，重点介绍了使用Vue.js axios ElementUI wangEditor进行前端开发和使用组件进行Vue.js单页面网页复用，让读者不但可以系统地学习Vue.js前端开发框架的相关知识，而且还能对业务逻辑的分析思路、实际应用开发有更为深入的理解。
《Vue.js框架与Web前端开发从入门到精通》分为11章，包括Vue.js概述；开始Vue.js之旅；初识Vue.js；用axios与后端接口进行数据联动；浅析Router的使用；生命周期和钩子函数解析；组件的灵活使用；Vue.js下的ECharts使用；ElementUI前端框架；实战：上市集团门户网站开发；实战：基于Vue.js框架的后台管理系统开发。
《Vue.js框架与Web前端开发从入门到精通》语言平实，用词诙谐，案例丰富，实用性强，特别适合刚入社会的职场新人、Vue.js框架的初级读者和进阶读者阅读，也适合希望从后台开发转型做前端的程序员等其他编程爱好者阅读。另外，《Vue.js框架与Web前端开发从入门到精通》也适合作为相关培训机构的教材使用。
可用、可靠、可信是本书给我的感觉，相信正在准备入门Vue.js的读者会有醍醐灌顶、相见恨晚的感觉。
华为技术有限公司 杜总
一个团队的核心竞争力是协同和执行力，而一本书的核心竞争力就是深入浅出和入木三分，这本书做到了!
中软国际有限公司 交付经理 朱军
当我还在徘徊要不要再等一会儿购买时，已经有人利用书中的技术要点开始开发项目了。
中软国际有限公司 SPM 吴浩辅
你是要考研，还是要读博？如果都不是，那么这本技术秘籍会是你在前端职场上的制胜法宝之一。不！或许是weiyi！
成都数境科技有限公司 总裁 吴庆九
我只是一个做销售的，我不懂什么前端、后端，我只知道这本书让我了解前端开发人员的核心竞争力在哪里，在作者刻骨铭心的实战案例中。
中兴软创（浩鲸云计算）科技股份有限公司 营销总监 王卫龙
作者是我曾在浙大某科研项目的成员之一，他务实、无私，却从不误时、误事，出书在我意料之中，只是著书时间迟了些许，或许作者希望养精蓄锐，以给读者更好的作品。
浙江大学控制科学与工程学院 教授 侯迪波
金融是让储蓄活起来，技术是让思维敏捷起来。这本书是让思维敏捷的你像储蓄一样流动起来，用技术换取属于你的金融财富！
银江股份有限公司 执行董事 周炳文
我们终都是要远行，终都是要与以前的自己告别。本书让作者迈向新的旅程，也会让正在阅读本书的你得以成长。路途虽然遥远，但追着目标奔跑就是一件很幸福的事情！
四川怡家上品网络科技有限公司，成都市乐拥网络科技有限公司 执行董事 鄢沛
这项技术有什么前途
轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十千字节。
简单易学：国内技术人员开发，中文文档，不存在语言障碍，易于理解和学习。
双向数据绑定：保留了Angular的特点，在数据操作方面更为简单。
组件化：保留了React的优点，实现了HTML的封装和重用，在构建单页面应用方面有着独特的优势。
视图、数据、结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。
虚拟DOM：DOM操作是非常耗费性能的，不再使用原生的DOM操作节点，极大解放DOM操作，但具体操作的还是DOM，只不过是换了另一种方式。
运行速度更快：相较于React，同样都是操作虚拟DOM，Vue.js在性能方面存在很大的优势。
BAT等互联网大厂都在前端职位招聘中加入了精通Vue.js框架的要求，就连饿了么公司的技术团队也专门为Vue.js设计了UI框架体系。至少近几年会是Vue.js框架技术的井喷时期，学会本技术可以应对多种面试需求，而且该框架卓越的运行速度和快捷的开发方式可以大大提高开发效率，几乎秒杀市场上所有前端框架。
这本书的特色
本书从没有接触过任何框架的初学者的角度出发，以通俗易懂、平实的语言来让读者更好地理解框架如何使用。本书以实用为主，精简概念性的原理知识点，将更多的篇幅用在实操上。本书的实操案例都是笔者独立完成的实际项目，有着对标市场实际需求的参考价值，同时本书提供的框架模式可以让读者应用于其他项目，从而提高开发效率，减少开发弯路。本书的章节层级顺序由浅入深、由易到难、循序渐进，让读者在有了扎实的基础之后再进行更深一步的使用。
本书读者对象
计算机相关专业的应届毕业生。
对如何学习一个新的前端框架迷茫的人。
想要更加深入理解Vue.js框架的读者。
想从后端开发转型做前端开发的人。
公司要求短时间内必须要能够用Vue.js开发新项目的前端开发人员。
没有系统学习过前端知识的人。
没有独立完成过前端开发或后台系统开发的前端技术人员。
资源下载
本书所涉及的源代码及其他相关文件已上传到百度网盘，供读者下载。请读者关注封底博雅读书社微信公众号，找到资源下载栏目，根据提示获取。
第1章 Vue.js概述
1.1 Vue.js简介 2
1.2 Vue.js与其他前端框架的对比 4
1.3 深入理解双向绑定 9
1.4 Vue.js的优势 12
1.5 小结 13
第2章 开始Vue.js之旅
2.1 安装Vue.js开发环境 16
2.1.1 Node.js环境安装 16
2.1.2 npm安装及参数设置 23
2.1.3 用脚手架生成项目目录 28
2.1.4 自定义Vue.js模板项目文件 31
2.1.5 使用vue-cli3图形界面 34
2.1.6 下载、安装、设置VSCode编辑器 44
2.2 安装VSCode常用第三方包 46
2.3 在VSCode中开发项目 48
2.3.1 在VSCode中创建新项目 48
2.3.2 VSCode导入项目 51
2.3.3 VSCode快捷键 54
2.3.4 在VSCode中安装插件 58
2.3.5 在VSCode中运行Vue.js项目 62
2.3.6 用VSCode发布项目 64
2.4 小结 67
第3章 初识Vue.js
3.1 Vue.js项目初始化 69
3.1.1 创建一个Vue.js实例 69
3.1.2 数据绑定与方法使用 70
3.1.3 生命周期钩子函数 72
3.1.4 生命周期示意图 73
3.2 模板语法 74
3.2.1 向网页插入文本内容 75
3.2.2 原始HTML 75
3.2.3 使用JavaScript表达式 76
3.2.4 指令参数 76
3.2.5 动态参数 77
3.2.6 修饰符缩写 78
3.2.7 v-bind缩写 78
3.2.8 v-on缩写 78
3.3 计算属性和侦听器 79
3.3.1 计算属性 79
3.3.2 基础例子 79
3.3.3 计算属性缓存vs方法 80
3.3.4 计算属性vs侦听属性 81
3.3.5 计算属性的setter 82
3.3.6 侦听器 82
3.4 class与style绑定 84
3.4.1 绑定HTML class 84
3.4.2 绑定内联样式 87
3.5 条件编译 88
3.5.1 在元素上使用v-if条件编译分组 89
3.5.2 v-else 89
3.5.3 v-else-if 89
3.5.4 v-if vs v-show 90
3.5.6 v-if与v-for 90
3.6 列表编译 90
3.6.1 用v-for把一个数组对应为一组标签 90
3.6.2 在v-for中使用对象 91
3.6.3 维护状态 92
3.6.4 数组更新检测 93
3.6.5 对象变更检测注意事项 94
3.6.6 显示过滤/排序后的结果 94
3.6.7 在v-for中使用值范围 95
3.6.8 在上使用v-for 95
3.6.9 在组件上使用v-for 95
3.7 事件处理 97
3.7.1 监听事件 98
3.7.2 事件处理方法 98
3.7.3 内联处理器中的方法 99
3.7.4 事件修饰符 99
3.7.5 按键修饰符 101
3.7.6 按键码 101
3.7.7 系统修饰键 101
3.7.8 鼠标按钮修饰符 102
3.7.9 为什么在HTML中监听事件 103
3.8 表单输入绑定 103
3.8.1 文本 103
3.8.2 多行文本 104
3.8.3 复选框 104
3.8.4 单选按钮 104
3.8.5 选择框 105
3.8.6 值绑定 106
3.8.7 修饰符 108
3.8.8 在组件上使用v-model 108
3.9 组件基础 108
3.9.1 基本示例 109
3.9.2 组件的复用 109
3.9.3 data一定要是一个函数 109
3.9.4 组件的组织 110
3.9.5 通过prop向子组件传递数据 111
3.9.6 单个根标签 112
3.9.7 监听子组件事件 113
3.9.8 使用事件抛出一个值 114
3.9.9 在组件上使用v-model 115
3.9.10 通过插槽分发内容 116
3.9.11 动态组件 116
3.9.12 解析DOM模板时的注意事项 117
3.10 小结 117
第4章 用axios与后端接口进行数据联动
4.1 axios概要 119
4.2 axios方法的基本使用 120
4.2.1 axios的安装 120
4.2.2 axios请求方法及别名（get方法） 121
4.2.3 axios请求方法及别名（post和put方法） 124
4.2.4 axios请求方法及别名（delete方法） 130
4.2.5 并发请求 133
4.3 axios方法深入 135
4.3.1 创建axios实例 135
4.3.2 实例的相关配置 136
4.3.3 常用参数配置具体使用方法 138
4.3.4 拦截器 139
4.3.5 错误处理 141
4.3.6 取消请求 143
4.4 axios实战 144
4.4.1 项目环境配置 144
4.4.2 接口的调试 147
4.4.3 联系人列表 151
4.4.4 添加、编辑联系人 155
4.4.5 保存联系人 157
4.4.6 删除联系人 162
4.4.7 axios的进一步封装 164
4.5 小结 168
第5章 浅析Router的使用
5.1 Router基础 170
5.1.1 起步 170
5.1.2 动态路由匹配 172
5.1.3 嵌套路由 176
5.1.4 编程式的导航 179
5.1.5 命名路由 180
5.1.6 命名视图 181
5.1.7 重定向和别名 183
5.2 小结 185
第6章 生命周期和钩子函数解析
6.1 beforeCreate钩子函数 187
6.2 created钩子函数 187
6.3 mounted钩子函数 188
6.4 updated钩子函数 188
6.5 beforeDestroy钩子函数 189
6.6 小结 189
第7章 组件的灵活使用
7.1 组件注册 191
7.1.1 组件名 191
7.1.2 全局注册vs局部注册 192
7.2 prop 193
7.2.1 prop的大小写 193
7.2.2 prop类型 193
7.2.3 传递静态或动态prop 194
7.2.4 prop验证 196
7.3 自定义事件 197
7.3.1 事件名 197
7.3.2 自定义组件的v-model 198
7.4 小结 199
第8章 Vue.js下的ECharts使用
8.1 搭建ECharts开发环境 201
8.2 ECharts使用 202
8.2.1 饼图 202
8.2.2 柱状图 210
8.2.3 曲线图 218
8.2.4 散点图 224
8.2.5 雷达图 230
8.2.6 标签图 237
8.3 小结 240
第9章 ElementUI前端框架
9.1 ElementUI框架概述 242
9.2 搭建ElementUI开发环境 243
9.3 基础组件 243
9.4 表单组件 250
9.5 数据显示组件 271
9.6 提示通知类组件 275
9.7 导航菜单类组件 280
9.8 其他组件 284
9.9 小结 290
第10章 实战：上市集团门户网站开发
10.1 路由框架搭建 292
10.2 业务目录安排 299
10.3 开发文件配置 300
10.4 公共方法编写 304
10.5 公共样式编写 306
10.6 页面效果实现 312
10.7 小结 314
第11章 实战：基于Vue.js框架的后台管理系统开发
11.1 路由框架搭建 316
11.2 业务目录安排 320
11.3 开发文件配置 321
11.4 公共方法编写 330
11.5 公共样式编写 332
11.6 页面效果实现 332
11.7 小结 336
书单推荐
