前言

随着JavaScript语言越来越受人们的关注，Vue.js逐步成为当今全球非常流行的三大前端框架之一，在短短几年的时间里，其在GitHub上便获得了20万颗星的好评；尤其是在近一两年内，其在中国成为非常流行的前端框架之一。Vue.js之所以能够受到如此广泛的欢迎，是因为在移动互联网的大背景下，它顺应了前后端分离开发模式的演进趋势，为开发者提供了高效且友好的开发环境，这极大地解放了程序员的生产力。

本书通过大量实际案例深入讲解使用JavaScript语言和Vue.js框架进行前端开发的概念、原理和方法。读者如果掌握了JavaScript语言和Vue.js框架，那么在以后的工作中需要学习使用其他前端框架，也能更加得心应手。

编写思路

本书第一篇从JavaScript的基础知识讲起，逐步引入数据类型、程序控制流、对象、集合等重要内容，并对JavaScript的原型链机制以及ES6中新增的类的概念做了介绍，此外还介绍了DOM的概念，这可为后面介绍Vue.js做铺垫。第二篇首先从Vue.js的基础知识讲起，在不引入脚手架等工具的情况下，介绍MVVM的核心原理，并对Vue.js的插值、指令、侦听器等内容进行讲解；然后引入组件的概念，介绍组件化开发的思想，并以专题的形式对AJAX、路由、状态管理等内容进行了深入讲解。第三篇通过一个非常典型且具有一定挑战性的综合案例，帮助读者熟悉并掌握使用Vue.js进行Web前端开发的方法。本书十分重视“知识体系”和“案例体系”的构建，并且通过不同案例对相关知识点进行说明，以期培养读者在Web前端开发领域的实战技能。读者可以扫码预览本书各章案例。

各章案例预览

特别说明

（1）学习本书所需的前置知识是HTML5和CSS3这两种基础语言。读者可以参考本书提供的思维导图，检验自己对相关知识的掌握程度。

（2）学习JavaScript部分时，需要重视由于JavaScript语言的演变而带来的问题，例如开发方式和代码风格等都会随着JavaScript语言的演变而变化。本书基本按照ES6规范来编写代码，在文中对于一些特别需要注意的地方也进行了说明。

（3）学习本书时，读者需要特别重视前3章（尤其是第3章）的内容，其对Vue.js中最具特色的“响应式”原理进行了深入讲解。“响应式”原理是Vue.js框架的核心基础原理，如果读者能够从原理层面理解“响应式”，那后面章节的学习就会比较轻松。

（4）在版本方面，虽然Vue.js 3已被发布，但考虑到目前在业界大多数企业使用的仍是Vue.js 2，另外Vue.js 2的技术资料也比较多，对于教学更加有益，因此，本书基于Vue.js 2进行相关内容的讲解。需要说明的是，编者也为本书的所有案例编写了对应的Vue.js 3版本的源代码，读者可以通过下载本书配套资源文件来获取相关源代码。

最后，祝愿读者学习愉快，早日成为一名优秀的Web前端开发者。

温谦
2021年冬天于北京