前言
随着移动互联网技术的迅速发展，基于互联网的应用与日俱增，PC端和移动端商业应用需求层出不穷，网站重构、用户体验提升、前端交互的需求越来越高，商业应用功能越来越复杂，原有的前端框架已经不能满足新的中大型商业应用的需要。在传统的MVC下，前端和后端发生数据交互后会刷新整个页面，从而导致比较差的用户体验。特别是在移动端，当前端对数据进行操作时，刷新页面的代价太昂贵。目前，AngularJS、React和Vue.js三大主流渐进式前端框架能够很好地解决这一问题。相比AngularJS和React，Vue.js这个渐进式的MVVM框架具有更轻量、渲染速度更快、打包体积更小、学习曲线比较平稳、用户体验更佳等特点，深受全球用户欢迎，中国用户特别喜爱。所以笔者以“Vue.js前端框架技术与实战”为主题创作新编教材，重点阐述Vue.js的基础、指令、组件、Vue Router、Vuex及周边生态技术和应用，以帮助读者掌握Vue前端项目的开发流程和开发方法，从而满足当前商业应用的需求。
Vue.js是一套用于构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计，这与其他重量级框架有所不同，Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。最初它不过是个人项目，发展至今，已成为全世界三大主流前端框架之一，领先于AngularJS和React，在国内更是首选。它的设计思想、编码技巧也被众多的框架借鉴、模仿。近几年，Vue.js前端框架越来越受欢迎，越来越多的网站前端开始采用Vue.js开发。为了方便Web前端开发人员、编程爱好者以及广大读者用户熟悉和使用Vue.js，笔者编写了《Vue.js前端框架技术与实战：微课视频版》。
编写思路
以Vue工程项目开发的生命周期为导向，从项目脚手架、构建、插件化、组件化，到编辑器工具、浏览器插件、Vue周边生态等方面构建教材知识体系，从基础应用、项目开发环境配置、开发工具使用、编译打包工具、项目实战等方面构建内容结构。基础部分为了方便读者理解和消化，不使用任何工具，只引入Vue.js和浏览器就可以运行Vue应用；提高部分及实战部分需要使用脚手架、插件、组件等开发Vue应用程序。整本书以“基础Vue单页应用→Vue前端项目→Vue前后端分离项目”为开发线路，逐层深入、递进式培养读者的工程能力和工程素养。每章配置学习目标、本章小结和适量练习与实训，帮助读者消化和理解所学知识，运用所学知识和技能解决实训中的技术难题，从而提高自己的编程能力和水平。
编写特色
? 理论教学与技能实训一体化设计。《Vue.js前端框架技术与实战：微课视频版》填补了Vue.js图书市场上一直缺乏“理论与实训一体化设计教材”的空白。在构建章节结构时，设置了本章学习目标、教学内容（含基础语法、语法说明、示范案例、代码解释、注意提醒等）、本章小结、练习与实训（实训要求和实训步骤）。
? 知识传授与能力培养一体化实施。《Vue.js前端框架技术与实战：微课视频版》在传授知识的同时，将工程项目中常用环境配置、开发工具的使用及项目工程化工具一并传授，融会贯通，以期培养学生的工程能力和工程素养。
? 知识更新与技术发展同步。紧跟Vue.js技术的发展，及时将Vue.js 3.0新特性和新应用写入书中，进一步完善《Vue.js前端框架技术与实战：微课视频版》的知识体系结构，引入新技术、新特性、新应用，提高项目开发速度、项目执行速度，降低开发成本。
教学资源
为了方便各类高校选用教材和读者选书自学，《Vue.js前端框架技术与实战：微课视频版》提供了大量的配套资源，包括教学大纲、教学课件、程序源码、素材、习题答案和700分钟的微课视频。书中教学案例以统一格式进行命名，如vue_2_1.html表示第2章第1个案例。每章资源以子目录形式存放，如chapter5存放第5章的各类资源。
资源下载提示
课件等资源：扫描封底的“课件下载”二维码，在公众号“书圈”下载。
素材（源码）等资源：扫描目录上方的二维码下载。
在线作业：扫描封底作业系统二维码，登录网站在线做题及查看答案。
视频等资源：扫描封底刮刮卡中的二维码，再扫描书中相应章节中的二维码，可以在线学习。
全书由储久良独立编写、修订和统稿。《Vue.js前端框架技术与实战：微课视频版》出版得到清华大学出版社相关人员的大力支持，在此谨表示衷心感谢。作者参阅了GitHub和其他网络资源，对这些资源的贡献者深表感谢。由于互联网技术发展迅速，前端技术持续改进与优化，加上作者水平有限，书中的疏漏之处在所难免，恳请各位专家和读者批评指正。
《Vue.js前端框架技术与实战：微课视频版》是2019年江苏省高等教育教改立项研究课题“‘Web前端开发技术’数字课程与优质教学资源共建共享研究与实践”（项目编号：2019JSJG596）的成果。
作 者
2021年8月