本书以项目为引导，充分体现“做中学，学中做”的思想，详细介绍了Vue.js框架的基础知识及实战项目开发。全书分为上下两篇，上篇包括第1-10章，主要介绍了Vue.js的开发工具、Vue基础特性、条件判断与列表疸染、计算属性与监听属性、样式绑定、事件处理、表单控件绑定、自定义指令、Vue组件和样式的应用等基础知识；下篇包括第11-13章，主要介绍了Vue单页Web应用、Vue路由的应用、“五金购物街”项目实战等内容。

　　Vue.js是一种渐进式的JavaScript开发框架，是目前企业开发主流的三大前端框架技术之一，比较适合初学者学习。它具有组件化、轻量级、API友好等优点，受到企业前端开发人员的欢迎。本书在内容组织上深入浅出、图文并茂，以项目教学为引导，以培养读者能力为目的，简化了难理解的理论内容，强调读者的实际操作。本书的主要特点如下。

　　（1）项目化教学。本书中的案例来源于实际项目，体现了“教、学、做一体化”的思想，方便读者快速上手，注重培养读者动手做项目的能力。

　　（2）内容组织合理。本书按照由浅入深的原则组织内容，使读者循序渐进地理解前端框架基础知识。在此基础上编写了本书工程化项目开发篇，通过讲解Vue脚手架、Webpack以及实战项目相关内容，带领读者更好地掌握前面所学的基础知识。

　　（3）教学资源多元化。本书配备了教学课件、课后思考题和源代码等，并且每个重点项目都配备了微课视频，读者可扫描二维码观看。

　　本书由衢州职业技术学院梅鹏飞、张丽娜与衢州实达实集团有限公司前端开发工程师吴意东合作编著。其中，梅鹏飞负责编写第1~ 10章，吴意东负责编写第11章和13章，张丽娜负责编写第12章。作者不但具有丰富的前端开发经验及课程授课经验，而且还具有使用HTML5、CSS3和JavaScript等技术进行实际项目开发的经验。因此，本书具有一定的实用性。

　　本书在编写过程中，参考了有关文献资料，在此向文献资料的作者表示感谢。由于作者水平所限，书中疏漏和不足之处，敬请读者批评指正。

上篇 基础知识

1 Vue．js开发工具入门

1．1 Vue．js概述

1．1．1 Vue．js的含义

1．1．2 Vue．js的特性

1．1．3 Vue．js的优势

1．2 Vue．js的安装与引入

1．2．1 Vue．js的下载

1．2．2 Vue．js的引入

1．3 开发工具Visual Studio Code简介

1．4 实训任务：创建第一个Vue实例

本章小结

思考题

2 Vue基础特性

2．1 Vue实例与选项

2．1．1 挂载元素

2．1．2 数据

2．1．3 方法

2．1．4 生命周期钩子函数

2．2 数据绑定

2．2．1 模板语法

2．2．2 插值

2．2．3 过滤器

2．2．4 指令

2．3 实训任务

本章小结

思考题

3 条件判断与列表渲染

3．1 条件判断

3．1．1 v-if指令

3．1．2 v-else指令

3．1．3 v-else-if指令

3．1．4 v-show指令

3．1．5 v-if和v-show的区别

3．2 列表渲染

3．2．1 应用v-for指令遍历数组

3．2．2 在< template>元素中使用v．for

3．2．3 数组更新检测

3．2．4 应用v -for指令遍历对象

3．2．5 向对象中添加属性

3．2．6 应用v -for指令遍历整数

3．3 实训任务

本章小结

思考题

4 计算属性与监听属性

4．1 计算属性

4．1．1 计算属性的含义

4．1．2 getter和setter

4．1．3 计算属性的缓存

4．1．4 计算属性与methods的区别

4．2 监听属性

4．2．1 监听属性的含义

4．2．2 deep选项

4．3 实训任务

本章小结

思考题

5 样式绑定

5．1 class属性绑定

5．1．1 对象语法

5．1．2 数组语法

5．2 内联样式绑定

5．2．1 对象语法

5．2．2 数组语法

……

下篇 工程化项目开发

参考文献