前言

随着手机和移动互联网市场的日益成熟，移动App领域也从如何开发，发展到如何更高效、更低成本地开发阶段。传统的原生平台（PC、iOS和Android）开发技术虽然比较成熟，但由于其开发效率和成本的限制，已经无法满足移动互联网App的开发需求。

跨平台技术横空出世，大量的JavaScript框架和工具得以迅速流行，而Vue.js跃升为其中的佼佼者，成为构建用户界面的绝佳实践技术之一。

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue.js的核心库只关注视图层，并且采用自底向上增量开发的设计，非常容易学习。

Vue.js完全有能力驱动采用单文件组件和Vue.js生态系统支持的库来开发复杂的单页应用，它本身也非常容易与其他库或已有项目进行整合。

目前，市面上有关Vue.js的书甚是驳杂，大多数是对专业文档的复述和非常难懂的底层知识的介绍。很难想象一个编程的初学者，或者只是一个初期尝试Web开发的学生该如何阅读这样的书。

而本书是一本专注于Vue.js项目实战的书，内容涵盖应用广泛的前端和后端技术，可以指导读者构建自身的知识框架。Vue.js主要擅长前端视图层的开发，本书不但介绍了Vue.js的一些开发技巧，而且用大量篇幅介绍了如何构建一个合格的工程项目，以及如何用Vue.js在一个项目中开发出所需要的效果。

本书以实战为主旨，从一个由Node.js开发的完整后台开始，去制作一个电影网站，完成这项工程的每一个步骤，从而提高读者的整体技术水平。本书涵盖了Vue.js中常用的组件、API、布局、第三方UI组件库、请求和数据更新等内容，可以让读者全面、深入、透彻地理解Vue.js主流开发技术和整个项目工程的设计方法，从而提升实际开发水平和项目实战能力。

本书涉及的知识点较多，如图1的词云图所示。即便是一个对Vue.js一无所知的“小白”，通过阅读本书，也可以一点一滴地积累知识，完成整个Vue.js的学习。

图1　词云图

本书的学习流程如图2所示。

图2　本书学习流程

本书特色

1.涵盖Web开发的常用技术

本书不仅是一本介绍Vue.js框架技术的图书，更是一本JavaScript全栈技术图书。书中不仅涵盖从HTML 5、CSS 3到JavaScript脚本编程等Web开发的基础知识，而且也涵盖NoSQL数据库技术、Node.js服务器端开发技术及页面优化技术等高级开发知识。

2.注重实战，通过一个完整的项目带领读者学习

本书通过一个完整的Web工程项目案例贯穿全书，带领读者全流程参与该项目的整个开发过程，让读者可以掌握Web开发的完整技术链，从而提升实际项目开发水平。

3.对项目案例的核心源代码做了详细注释和讲解

为了便于读者理解本书内容，提高学习效率，本书在讲解时给出了书中项目案例的核心源代码，并对源代码做了详细注释，对实现方法和思路做了详细讲解。

4.展现项目设计思路和项目管理流程

笔者认为，一个优秀的程序员不仅要有良好的代码编写能力，更要有对整个项目的设计思路和把控能力，这对于编写业务逻辑的程序员尤其重要。本书从第2章开始就逐步渗透了项目管理的相关知识，展现了从项目设计到项目开发的整个流程。

本书内容

第1篇　背景知识（第1章）

本篇主要介绍了网页开发的相关背景知识和Vue.js的背景知识，并通过Hello World标准入门示例带领读者体验如何简单地使用Vue.js。通过对本篇内容的学习，读者可以掌握Vue.js的安装方法，并对Vue.js的主要特性有个大概的了解，从而给后续学习打好基础。

第2篇　项目设计（第2～4章）

本篇主要介绍了一个电影网站的项目设计，包括整个项目的UI设计、路由设计和数据库设计等。通过对本篇内容的学习，读者可以了解一个完整的项目应该如何去构思和设计，应该包含哪些内容，从而提高自己的项目设计能力。

第3篇　Vue.js应用开发（第5～8章）

本篇主要介绍了电影网站前端和后端的实现，涵盖Node.js技术、Vue.js组件和API等技术。本篇通过大量的代码展示了Vue.js的强大功能，并比较了当前流行的前端技术和传统的Web开发技术的差异。通过对本篇内容的学习，读者可以系统地掌握Vue.js应用开发所需要掌握的各种技术。

第4篇　页面优化（第9章）

本篇主要介绍了如何使用网络中已有的UI库或其他造好的“车轮”，去优化自己的页面。通过应用这些流行的UI组件库，开发人员可以快速地将一个页面制作得非常精美。通过对本章内容的学习，读者可以掌握页面优化的各种“武器”，从而开发出更加美观的页面。

本书配套资源获取方式

本书涉及的源代码文件等配套资源需要读者自行下载。请在华章公司的网站 www.hzbook.com 上搜索到本书，然后在本书页面上找到资料下载模块即可下载。

本书读者对象

·Vue.js初学人员；

·Vue.js进阶人员；

·JavaScript全栈开发者；

·Web前端开发工程师；

·Web服务器端开发工程师；

·Node.js服务端开发工程师；

·软件开发项目经理；

·各大院校的学生；

·相关培训机构的学员。

致谢

感谢本书编辑，让我有机会和本书结缘！感谢在本书写作过程中对我提供过帮助的人！更要感谢家人，正是有了他们的支持，才让我能够坚持下去，完成本书的写作！最后还要感谢读者，本书的价值因你们而存在！

由于笔者水平所限，加之编写时间仓促，书中可能还存在一些疏漏，恳请广大读者指正。本书服务邮箱为hzbook2017@163.com。

编者

前言