内容提要

本书以项目实战的方式引导读者渐进式学习 Vue.js。本书从 Vue.js 的基础语法讲起，然后介绍ES6的语法规范，最后通过项目构建、项目部署介绍Vue.js 项目开发的全套流程。本书内容侧重于Vue.js项目实战开发中的组件复用、代码解耦等操作，读者不但可以系统地学习Vue.js的相关知识，而且能对Vue.js的开发应用有更为深入的理解。

本书分为基础准备篇和项目实战篇。基础准备篇主要介绍 Vue.js 的核心功能，包括但不限于Vue.js的语法与组件、ES6的语法规范、前后端项目框架的构建、数据库及其相关操作。项目实战篇主要以网页版知乎为例讲解实战开发流程与方法，所涉及的项目分析、开发流程、项目部署等内容可帮助读者融会贯通地应用所学知识。阅读本书，读者能够掌握Vue.js框架主要 API 的使用方法、组件开发、前后端项目联调等内容。

本书示例丰富、侧重实战，适用于刚接触或即将接触Vue.js的开发者，也适用于对Vue.js有过开发经验，但需要进一步提升的开发者。

前言

Foreword

刚开始接触Vue.js框架时，我就被其轻量、组件化和友好的应用程序接口（Application Programming Interface,API）所吸引。之后经过深入研究与实际开发，更加意识到Vue.js的奇妙。再后来研究了其他MVVM框架，几经对比后，发现Vue.js依然是最适合初学者学习的MVVM框架之一，其学习成本低、效果好，是前端开发的不二之选。

我将多年的知识积累与实际开发经验浓缩成这本书，从简到难，并且通过实际开发的案例来分析，深入浅出、图文并茂，力求将枯燥的知识用诙谐幽默、浅显直白的方式叙述出来。本书抛开了冗余难懂的理论化内容，除实战需要用到的必备知识外，没有其他多余的内容，绝不贪多求全，尤其强调实际操作、快速上手，并且侧重点绝不是展示示例（Demo），而是更注重实战开发——从如何分析涉及项目、如何构建项目框架到项目实际开发、数据库配置、后端接口的配置，读者学到的都是项目开发中所需要的知识，项目构建的整体过程。

本书主要分为基础准备篇与项目实战篇，其中基础准备篇涵盖了项目开发需要的各种内容与工具，并做了详细的讲解。

1.前端历史的介绍

“以史为镜，可以知兴替”。从前端最开始的故事讲起，介绍这20多年来前端的发展。讲解前端如何从静态网页到如今的单页面应用，其间不断的革新是由无数人一步一个脚印走出来的，发展的艰辛可想而知。了解前端的历史的目的，主要就是明确前端的发展方向，以便有的放矢地学习。

2. Vue.js基础知识的介绍

这部分主要介绍了后期实战所需用到的Vue.js相关知识，从两个简单的Demo先了解Vue.js的特性，之后根据这些特性来逐步分析学习Vue.js的知识。此外，还单独列出一章，讲解Vue.js组件的相关知识，不仅仅是因为组件知识比较重要，还因为组件知识的内容也比较复杂，尤其是组件之间信息的传递，相对来说比较复杂。

3. ES6语法介绍

后期实战代码中较多使用了ES6语法，而ES6与前代ES5语法区别较大，若不加以讲解，可能有些读者无法理解，有可能严重影响开发进度。书中详细讲解ES6的重点特性，并辅以例子方便读者理解。

4.前后端项目框架构建

为项目实战做好基础工作，在脚手架工具的基础上二次开发，得到了具备一定程度上自动化解析代码的方法，为项目的开发提供了很好的底层内容。

第2篇为项目实战篇，以网页版知乎为例，介绍如何实现主要的增、删、改、查功能，帮助读者了解项目实际开发中需要经历的流程，并且熟练使用Vue.js来构建项目。

1.基础部分的开发

本部分介绍页面整体框架与用户登录、登出功能的实现方法，如何使用Cookies存储用户登录信息以及页面相应的展示状态，并对项目的逻辑层也进行简单介绍。