前言

随着互联网+的飞速发展，Web前端开发技术也在更新迭代，从最初的HTML静态页面、动态网页发展到富媒体开发，又从MVC模式过渡到MVVM模式，从前后端混合开发到前后端分离开发，各类新技术层出不穷。

Web前端开发仅采用HTML、CSS、JavaScript三大技术开发项目已经无法满足用户对页面的动态、实时、交互功能的需要，迫切需要采用新框架技术改善用户的访问体验，实现数据、信息快速呈现。目前出现的许多主流前端开发框架可以大大地提升Web前端项目开发速度和质量，降低开发成本，满足快速交付的需要。这些主流前端开发框架主要包括React、Angular和Vue.js。Vue.js 是前后端分离开发的主流技术之一，它是一套构建用户界面的渐进式框架，以数据驱动视图和组件化的思想构建，采用自底向上、增量开发的设计，其核心库只关注视图层。与React、Angular相比，Vue.js在可读性、可维护性和趣味性之间做到了很好的平衡，非常适合中小型项目的快速开发。随着Vue.js 3.x的推出，用户已经可以使用其开发大型项目。

1. 主要内容

本书共13章。第1章为Vue.js发展概述； 第2章为Vue.js基础； 第3章为Vue.js指令； 第4章为Vue 3新特性应用； 第5章为Vue.js组件开发； 第6章为Vue.js过渡与动画； 第7章为Vue开发环境与SFC新特性； 第8章为路由Vue Router； 第9章为状态管理Vuex； 第10章为Vue 3 UI框架Element Plus； 第11章为Vue 3.x构建工具Vite； 第12章为网络请求库Axios与JSON Server； 第13章为Vue 3+Element Plus实战——简易图书管理系统。

2. 编写特色

 有机融入周边生态系统，实用性强。及时将新发布的Vue.js 3.2新特性和新应用写入本书，同时将下一代前端开发与构建工具Vite、Axios、基于Vue 3 UI框架的Element Plus一起整合进来。融入Vue 3集成的Vuex 4和Vue Router 4，能够满足快捷、高效的单页应用开发的需要。

 精心遴选工程实战案例，通用性强。从不同行业领域遴选真实的应用场景，依托知识点和技能点要求设计案例。案例由浅入深，循序渐进，易学通用。

 合理规划知识框架结构，可读性强。每章规划了本章学习目标、教学内容、本章小结、练习与项目实战。以简易HTML文件构建为基础，逐步向工程化工具构建项目过渡；以Vue 3.0中使用Options API开发项目为基础，逐步向Vue 3.2中使用Composition API开发项目过渡。这样的学习线路能够适应大多数读者的需要，可读性强，容易掌握并灵活运用。

3. 教学资源

为了使读者能够更好地掌握本书内容，笔者录制了项目实战教学视频，总时长800分钟，帮助读者学习和消化所学知识，提高实践技能。本书还提供了大量的配套资源，包括教学大纲、教学课件、电子教案、程序源码、在线题库、习题答案和教学进度表。

资源下载提示

课件等资源： 扫描封底的“课件下载”二维码，在公众号“书圈”下载。

素材（源码）等资源： 扫描目录上方的二维码下载。

在线作业： 扫描封底的作业系统二维码，登录网站在线做题及查看答案。

微课视频： 扫描封底的文泉云盘防盗码，再扫描书中相应章节的视频讲解二维码，可以在线学习。

本书的出版得到清华大学出版社相关人员的大力支持与合作，在此谨表示衷心感谢。

由于Web前端框架技术发展迅速，新特性和功能不断增加，加之时间紧、任务重、能力有限，书中疏漏在所难免，恳请各位技术专家和读者朋友批评指正。

储久良2024年1月于苏州虎丘