Vue.js框架与Web前端开发从入门到精通

可用、可靠、可信是本书给我优选的感觉，相信正在准备入门Vue.js的读者会有醍醐灌顶、相见恨晚的感觉。 ——华为技术有限公司 杜总 一个团队优选的核心竞争力是协同和执行力，而一本书优选的核心竞争力就是深入浅出和入木三分，这本书做到了! ——中软国际有限公司 交付经理 朱军 当我还在徘徊要不要再等一会儿购买时，已经有人利用书中的技术要点开始开发项目了。 ——中软国际有限公司 SPM 吴浩辅 你是要考研，还是要读博？如果都不是，那么这本技术秘籍会是你在前端职场上的制胜法宝之一。不！或许是weiyi！ ——成都数境科技有限公司 总裁 吴庆九 我只是一个做销售的，我不懂什么前端、后端，我只知道这本书让我了解前端开发人员的核心竞争力在哪里，在作者刻骨铭心的实战案例中。 中兴软创（浩鲸云计算）科技股份有限公司 营销总监 王卫龙 作者是我曾在浙大某科研项目的成员之一，他务实、无私，却从不误时、误事，出书在我意料之中，只是著书时间迟了些许，或许作者希望养精蓄锐，以给读者更好的作品。 ——浙江大学控制科学与工程学院 教授 侯迪波 金融是让储蓄活起来，技术是让思维敏捷起来。这本书是让思维敏捷的你像储蓄一样流动起来，用技术换取属于你的金融财富！ ——银江股份有限公司 执行董事 周炳文 我们最终都是要远行，最终都是要与以前的自己告别。本书让作者迈向新的旅程，也会让正在阅读本书的你得以成长。路途虽然遥远，但追着目标奔跑就是一件很幸福的事情！ ——四川怡家上品网络科技有限公司，成都市乐拥网络科技有限公司 执行董事 鄢沛

本书从Vue.js框架技术的基础概念出发，逐步深入Vue.js进阶实战，并在最后配合一个网站项目和一个后台系统开发实战案例，重点介绍了使用Vue.js+axios+ElementUI+wangEditor进行前端开发和使用组件进行Vue.js单页面网页复用，让读者不但可以系统地学习Vue.js前端开发框架的相关知识，而且还能对业务逻辑的分析思路、实际应用开发有更为深入的理解。 本书分为11章，包括Vue.js概述；开始Vue.js之旅；初识Vue.js；用axios与后端接口进行数据联动；浅析Router的使用；生命周期和钩子函数解析；组件的灵活使用；Vue.js下的ECharts使用；ElementUI前端框架；实战：上市集团门户网站开发；实战：基于Vue.js框架的后台管理系统开发。 本书语言平实，用词诙谐，案例丰富，实用性强，特别适合刚入社会的职场新人、Vue.js框架的初级读者和进阶读者阅读，也适合希望从后台开发转型做前端的程序员等其他编程爱好者阅读。另外，本书也适合作为相关培训机构的教材使用。

舒志强，从事IT行业12年，负责前端设计、Flash AS2/AS3脚本编写、前端布局开发（JavaScript原生或Vue.js框架）、大数据可视化开发（ECharts）、GIS地图开发（百度）、Java后台接口开发（SSM框架）、整个项目策划与交付。 曾先后为浙江大学水质研究所（现名浙江大学控制科学与工程学院工业控制研究所）、杭州华数传媒电视、银江股份设计项目；与中兴软创有多个合作项目；独立设计完善了杭州未来科技城梦想小镇智慧旅游项目、贵州安顺黄果树二期（关岭县智慧旅游系统）；完成荣盛房地产发展股份有限公司前台和后台的前端开发工作。目前任职于中软国际有限公司高级前端开发工程师。

第1章 Vue.js概述
1.1 Vue.js简介
1.2 Vue.js与其他前端框架的对比
1.3 深入理解双向绑定
1.4 Vue.js的优势
1.5 小结
第2章 开始Vue.js之旅
2.1 安装Vue.js开发环境
2.1.1 Node.js环境安装
2.1.2 npm安装及参数设置
2.1.3 用脚手架生成项目目录
2.1.4 自定义Vue.js模板项目文件
2.1.5 使用vue-cli3图形界面
2.1.6 下载、安装、设置VSCode编辑器
2.2 安装VSCode常用第三方包
2.3 在VSCode中开发项目
2.3.1 在VSCode中创建新项目
2.3.2 VSCode导入项目
2.3.3 VSCode快捷键
2.3.4 在VSCode中安装插件
2.3.5 在VSCode中运行Vue.js项目
2.3.6 用VSCode发布项目
2.4 小结
第3章 初识Vue.js
3.1 Vue.js项目初始化
3.1.1 创建一个Vue.js实例
3.1.2 数据绑定与方法使用
3.1.3 生命周期钩子函数
3.1.4 生命周期示意图
3.2 模板语法
3.2.1 向网页插入文本内容
3.2.2 原始HTML
3.2.3 使用JavaScript表达式
3.2.4 指令参数
3.2.5 动态参数
3.2.6 修饰符缩写
3.2.7 v-bind缩写
3.2.8 v-on缩写
3.3 计算属性和侦听器
3.3.1 计算属性
3.3.2 基础例子
3.3.3 计算属性缓存vs方法
3.3.4 计算属性vs侦听属性
3.3.5 计算属性的setter
3.3.6 侦听器
3.4 class与style绑定
3.4.1 绑定HTML class
3.4.2 绑定内联样式
3.5 条件编译
3.5.1 在