前言
 
党的二十大报告指出，教育、科技、人才是全面建设社会主义现代化国家的基础性、战略性支撑。必须坚持科技是第一生产力、人才是第一资源、创新是第一动力，深入实施科教兴国战略、人才强国战略、创新驱动发展战略，开辟发展新领域新赛道，不断塑造发展新动能新优势。 
传统 Web开发模式有一个共同的特点——利用后端语言提供的模板引擎编写HTML/XML页面，例如PHP Web开发有Smarty模板引擎，Java Web工程有 JSP页面，Python的各个 Web框架有各自的模板引擎。因此，在传统 Web开发模式下，前端依赖后端架构，前端操作数据代价高昂，从而导致用户体验较差。 
时至今日，前后端分离开发成为主流的 Web开发模式。前后端分离不是简单的代码分离。首先架构上要分离、解耦，逐渐摆脱前后端在架构上的依赖，前后端各司其职，分别部署在各自的服务器上，通过 RESTful接口传递数据，后端服务器不再负责页面渲染，只负责输入数据，吞吐量提升了多倍。目前，广泛应用的 Web前端三大主流框架是Angular.js、React.js和 Vue.js。相比 Angular.js和 React.js，Vue.js作为后起之秀，借鉴了前辈Angular.js和 React.js的特点，并做了相关优化，更加方便使用，更容易上手，比较适合初学者，深受广大用户欢迎，尤其是中国用户。因此，本书以“Vue.js 3.x前端框架技术从入门到实战”为主线进行编写，首先阐述计算属性和监听器、内置指令、组件、过渡与动画、渲染函数、响应性与组合 API等基础知识，然后重点讲解 Vue.js 3.x的周边生态技术及应用，包括webpack、Vue Router、Vuex、Vue UI组件库等内容，最后详细介绍电子商务平台的前端设计与实现，以帮助读者掌握基于 Vue.js 3.x的前端项目的开发流程、技术及方法，从而为大型项目的前端开发打下坚实的基础。
全书共 13章，具体内容如下。 
第 1章：初识Vue.js，包括网站交互方式、MVVM模式、Vue.js开发环境的搭建、Vue.js的生命周期、插值与表达式等内容。 
第 2章：计算属性和监听器，包括计算属性和监听器的用法和使用场景等内容。


第3章：内置指令，包括绑定指令v-bind、条件渲染指令v-if和v-show、列表渲染指令 v-for以及事件处理、表单与 v-model等内容。
第 4章：组件，包括组件的注册、组件的通信、插槽、动态组件与异步组件、组件的引用等内容。 
第 5章：过渡与动画，包括单元素过渡、单组件过渡、多元素过渡、多组件过渡、列表过渡等内容。 
第 6章：自定义指令，包括自定义指令的注册机制、实现原理和使用方法等内容。
第 7章：渲染函数，包括 DOM树的概念、渲染函数的概念、h()函数的基本用法等内容。 
第 8章：响应性与组合 API，包括响应性与组合 API的概念与原理、setup选项、provide方法、inject方法、模板引用、响应式计算与侦听等内容。 
第 9章：webpack，包括 webpack的安装与使用、加载器与插件、单文件组件与 vue-loader等内容。
第 10章：Vue Router，包括路由的概念、Vue Router的安装、VueRouter的基本用法、Vue Router的高级应用、路由钩子函数、路由元信息等内容。 
第 11章：Vuex，包括状态管理与应用场景、Vuex的安装与基本应用、Vuex的核心概念等内容。
第12章：Vue UI组件库，包括 setup语法糖的使用方法、Element Plus组件库、View UI Plus组件库、Vant UI组件库等内容。
第 13章：电子商务平台的前端设计与实现，包括系统设计、实现技术（Vite与 Vue CLI）、系统管理、系统实现等内容。
本书特色 
1．编写理念创新
以“必需”和“够用”的原则，遵循“以学生为中心”的宗旨，精选内容，凝练章节，讲练结合，以“学中做，做中学”为主线开展教学活动。
2．内容新颖全面
以 Visual Studio Code为开发平台，从 Vue.js 3.x的基础开始讲解，逐步深入到前端项目的开发流程、技术及方法，内容由易到难，讲解由浅入深、循序渐进。 
3．
案例实用典型
涵盖知识点广泛，设计开发流程规范，业务逻辑性强。 


4．
资源丰富翔实


为便于教学，本书提供教学大纲、教学课件、教学日历、电子教案、程序源码、实验大纲、思政案例、在线题库、教学进度表、习题答案、1000分钟的教学视频等配套资源。 

资源下载提示 
课件等资源：扫描封底的“课件下载”二维码，在公众号“书圈”下载。
素材（源码）等资源：扫描目录上方的二维码下载。 
在线作业：扫描封底的作业系统二维码，登录网站在线做题及查看
答案。 视频等资源：扫描封底的文泉云盘防盗码，再扫描书中相应章节的二
维码，可以在线学习。
5．读者对象广泛本书可作为高等院校相关专业的教材，也可作为教辅资料，还可作为Web前端开发人员的参考书。
本书是辽宁省普通高等学校一流本科教育示范专业“大连外国语大学计算机科学与技术专业”及辽宁省教育科学“十四五”规划 2021年度立项课题“面向交叉应用的大数据管理专业课程体系构建（JG21DB143）”的建设成果。
本书的出版得到清华大学出版社相关人员的大力支持，在此表示衷心感谢。同时，编者在编写本书的过程中参阅了一些书籍、博客以及网络资源，在此对这些资源的贡献者与分享者深表感谢。由于前端框架技术发展迅速，并且持续改进与优化，加上编者水平有限，书中难免会有不足之处，敬请各位专家和读者批评、指正。
编 者
2023年 6月