内容提要

本书首先介绍了一个“Hello World”案例，帮助读者入门；然后分章节介绍了数据绑定、指令、事件等Vue带给我们的非常好用的功能；接下来介绍了组件编程，这是Vue富有魅力的部分，掌握了组件编程，基本上可以实现大多数UI交互设计；再接着介绍了自定义指令、过渡与动画、渲染函数等高级概念，这些可以帮助我们编写更简洁的代码，实现更绚丽的交互效果；最后，介绍了路由、webpack等前端工程自动化工具和脚手架模式编程，并辅以一个综合案例与项目实战应用。

本书内容安排循序渐进，讲解通俗易懂，把基本概念与应用场景通过案例教学紧密联系在一起。学生可以用本书自学，教师也可以将本书作为教材或参考工具书，其中的案例代码可用于课堂教学。

本书可作为高等院校、职业院校前端开发课程的教材或参考书，也可作为社会岗前培训班的培训教材，同时也可作为Vue自学者入门指南用书。

前言

用心做教育，专心做教育，编写一本能帮助初学者快速学习Vue的教程，一直是“斤斗云学堂”教师们的愿望，现在终于得以实现。本书从入门开发到工程化项目实战，每个案例都经过了精心设计。本书以当前发布的Vue新版本为介绍对象，内容包括基础知识、综合案例和项目实战应用，力求体现“易学”“实用”的特色。为方便更多的JavaScript初学者掌握本书内容，书中的实例代码尽量采用ES5语法规范，但为了更好地表达Vue的优势特性，也有少数案例使用了ES6、ES7的语法。

本书亮点

案例教学：全书有136个实例和案例代码分析，便于快速入门。

实战应用：以实战应用、工程化项目实战为目标，有效避免了“一叶障目不见森林”。

大量图示：全书重点、难点用大量的图示标记，更加直观、生动。

名师编著：由具有12年软件开发和培训经验，并申报多项横向科技项目的实战派讲师王凤丽、“斤斗云学堂”教学总监豆连军共同编著，确保图书的实战性。

慕课平台：“斤斗云学堂”慕课平台提供了本书的配套视频、电子教案、教学课件、通关测试、书中案例源代码等大量学习资源，同时公开了本书案例中所用到的后端API通信接口。依靠这些公开接口，读者可以开发自己的网络单词本应用。除了“斤斗云学堂”慕课平台外，本书的实例源代码、教学课件等，也可登录人邮教育社区（http://www.ryjiaoyu.com）获取。

本书读者对象

本书包括基础内容和实战项目，方便初次接触Vue的读者快速入门。本书适合已经掌握了JavaScript语言基础和HTML、CSS基础的读者，也适合转型Vue的前端开发人员。

本书编写及审定委员会

本书由北京乐美无限科技有限公司授权提供Vue课程内容素材，由学科带头人、金牌讲师王凤丽执笔编写，教学总监豆连军审核并统改。以下人员对本书进行了审阅和校验，他们是贡雪静、董爽、张旭磊、崔阿超。在此也一并感谢在本书编写过程中给予支持的家人们。

寄语读者

互联网开发是一个高薪技术行业，是一个充满挑战、富有创造力的行业，但并不是高不可攀的行业。初学者入门以后，一定能体会到技术开发的乐趣。希望本书能帮助心中有梦想的青年学子实现梦想，早日踏入互联网开发行业，预祝大家学业、事业有成！

编者

第1章

Vue入门

在学习Vue前，读者应已学习过HTML、CSS和JavaScript基本知识。本章介绍Vue及其特点，讲解Vue的下载与生产环境搭建，要求读者掌握Vue基本的开发过程，熟悉MVVM模式，为以后更好地学习Vue打好基础。

本章要点：

· 什么是Vue及Vue的特点

· Vue在前端开发中的优势

· Vue的下载及如何引入并应用

· 实例化Vue对象、数据和方法

· 数据挂载到DOM页面

· Vue中的MVVM模式

1.1　Vue简述

Vue.js是一套响应式系统，前端开发库。其他前端开发库也有很多，比如jQuery、ExtJS、Angular等。Vue自问世以来所受关注度不断提高，在现在的市场上，Vue是非常流行的JavaScript技术开发框架之一。本节将对什么是Vue.js及Vue.js的特点和优势等内容进行介绍。