前言


近年来，前端MVVM给开发者带来了许多便利，框架的发展也十分迅速。不同于传统开发中使用HTML+CSS+JavaScript的方式，Vue通过模板语法和组件化开发，极大地简化了开发流程。Vue是一套用于构建用户界面的渐进式框架，与其他大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。相对于Angular和React而言，Vue的学习曲线比较平稳。此外，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。因此，它成为实用和普遍的可靠MVVM 框架之一。
本书以Vue技术为核心，共分为11章，涵盖的主要内容有Vue的介绍与框架对比、Vue的安装与引入、Vue的语法与指令、class与style绑定、过滤器、过渡与动画、组件、前端路由、状态管理与Vuex、Vue项目的搭建与部署，以及Vue项目案例。
本书所需基础知识
Vue以JavaScript为基础，因此在学习框架之前需要具备JavaScript的基础知识，包括关键字、语法、事件和对象引用等。虽然在书中会对用到的语法进行简单的介绍以确保读者可以理解，但良好的JavaScript基础能帮助读者快速理解Vue的语法。
类似于JavaScript，前端开发中的HTML5和CSS的用法也是必不可少的，实际项目中将会使用HTML5和CSS对前端页面的样式进行调整。HTML5和CSS并不困难，读者可以结合案例与图片进行理解。
本书所需工具
学习Vue的过程中需要用到代码编辑器，这里推荐使用Visual Studio Code或IntelliJ IDEA，它们都有良好的Vue支持以及大量的插件，可以帮助编辑代码。另外，还需要使用Web 浏览器，建议使用Chrome或Firefox用于页面调试。
本书阅读建议
对于没有编程经验的Vue初学者而言，建议将本书读完。虽然上手时往往会觉得Vue并不困难，但是在实际开发中容易遇到许多问题，而初学者往往不知道问题的根源和解决方法，只能从头重新回顾。本书中有丰富的案例，推荐初学者跟着案例一步步亲自动手实现。
对于有前端框架使用经验或Vue 2.x开发经验的读者而言，推荐根据需要阅读第3~10章，并关注其中Vue 3.0与Vue 2.x的改变，特别是那些非兼容性的改变，这将在很大程度上影响项目的开发习惯与重构等方面。
本书的绝大多数知识点都配有实例代码，请扫描目录上方二维码获取。运行这些代码并上手操作将会加深理解，在阅读本书时不妨打开编译器运行、修改样例。
在实战章节中，本书并没有放入style相关的代码，相信阅读到此处的读者可以一定程度上定制自己喜欢的风格。书中也介绍了易用的样式插件，读者可以轻松地实现样例中的样式，甚至完全换成另外一种风格。
本书配套视频请先扫描封底刮刮卡中的二维码，再扫描书中对应位置二维码观看。
本书的作者为吕云翔、江一帆，曾洪立参与了部分内容的编写并进行了素材整理及配套资源制作等。
由于作者的水平和能力有限，书中难免有疏漏之处，恳请各位同仁和广大读者给予批评指正，也希望各位能将实践过程中的经验和心得与我们交流。

作者
2021年7月