Vue.js超详细入门与项目实战（微课视频版）

全书由浅入深，逐步推进，超详细、完整地介绍Vue 3的新功能与新特征以及它在项目中实践的过程。同时，章节之间有一定的关联，建议读者按章节的编排，逐章阅读。
学以致用，本书从实用的角度出发，以示例为主线，贯穿知识点讲解，从而实现带动与引导读者的阅读兴趣的目的，并且每一个示意图都精心编排，扼要说明。
注重实践，本书通过一个完整的商城案例开发的过程，详细地介绍Vue 3在真实项目开发中的应用步骤，每一步都结合实际开发的需求，实现功能、分析源码。

本书采用理论知识与案例实战相结合的方式，由浅入深地介绍使用Vue 3开发页面的全过程。本书共19章，第1~11章是知识点的介绍，分别介绍前端框架发展、Vue 脚手架功能、Vue数据绑定、元素事件绑定、元素动画实现、组件定义、组件传参、路由实现、接口调用、pinia状态管理和Vant UI的知识； 第12~19章是案例实战，结合一个商城开发的过程，分别介绍项目开发前准备、项目路由配置、商城首页开发、商品分类页开发、商城动态页开发、商品详细页开发、购物车开发、个人中心页开发的内容，书中的每个知识点都有对应的源码分析部分，说明每一行关键代码的实现思路。

本书既适合初学Vue 3的读者自学，也适合各类想自己动手开发Web应用程序的自学者使用。同时，也可作为各类培训学校实例讲解的参考用书。

“工欲善其事，必先利其器”，作为一名多年从事Web开发的工作者，对每一次新技术的发布与应用都充满了渴望与期待，渴望它能超越旧俗，引领未来方向； 期待它能承上启下，解决现存疑难。近年来，虽有不少的新技术或框架发布，但都很难在Web开发这块有所建树，直到Vue的诞生。

Vue发布于2014年，在后续的版本升级中，广大的开发者被其渐进式框架、增量式开发、专注视图层、虚拟DOM操作所折服，而恰在那年，也深深吸引了编者的眼光，从此深入其中。

之所以有如此多的人钟爱Vue，与其强大的功能是分不开的。目前是一个大前端时代，许多功能由前端技术实现，并且更注重用户使用体验与开发效率和性能，而Vue恰恰是实现这一趋势的坚实利刃，并且可以在最大程度上满足各类环境下开发Web页面的需求。

虽然Vue功能强大、使用简单，但它毕竟是一门新的前端框架，特别是升级到Vue 3之后，与其他前端框架在功能和语法上存在诸多差异，需要相应的书籍进行技术上的引导与支持。为了让每个爱好Vue的开发者都能快速掌握最新、最全的技术，编者在清华大学出版社的支持下编写了这本书。

本书主要内容

本书共分为两大部分，共19章，其中，第1~6章由李永亮编写，其他章节由陶国荣编写。

第一部分Vue 3基础语法与应用，包括第1~11章。第1章前端框架发展，包括什么是前端技术、为什么要学习前端技术、如何学好前端技术、前后端分离概念和单页应用的不足和优化。第2章Vue脚手架功能，包括脚手架核心功能、安装脚手架过程和常用脚手架指令。第3章Vue数据绑定，包括Vue中数据绑定原理、单向数据绑定、双向数据绑定和数据绑定方法。第4章元素事件绑定，包括事件定义、事件绑定方式和事件传参。第5章元素动画实现，包括过渡动画、自定义动画和第三方动画库和列表动画。第6章组件定义，包括什么是组件、组件使用、组件属性和组件事件。第7章组件传参，包括父组件向子组件传参、子组件向父组件传参、组件之间传参和slot传参。第8章路由实现，包括路由介绍、路由传参和路由其他配置。第9章接口调用，包括接口介绍、全局配置和数据缓存。第10章pinia状态管理，包括pinia 介绍、State、Getters、Actions和其他扩展插件。第11章Vant UI，包括Vant介绍、Vant基础组件、Vant表单组件和Vant业务组件。

第二部分案例实战，包括第12~19章。第12章项目开发前准备，包括功能设计、项目开发和打包与发布。第13章项目路由配置，包括创建路由文件和配置路由对象。第14章商城首页开发，包括轮播和推荐商品、热点商品列表和底部导航条制作。第15章商品分类页开发，包括分类页查询功能、分类左侧导航和分类右侧列表。第16章商城动态页开发，包括动态列表页功能、列表详情页功能和点赞与收藏功能。第17章商品详细页开发，包括大图滚动功能、弹框说明功能、信息切换功能和加入购物车功能。第18章购物车开发，包括购物车列表显示功能、自动计算总价功能、增减购物车商品功能和删除购物车商品功能。第19章个人中心页开发，包括我的订单功能、我的收藏功能、管理收货地址和生成订单功能。

本书特色

本书内容由浅入深，逐步推进，详细、完整地介绍了Vue 3的新功能与新特征，以及它在项目中实践的过程。同时，章节之间有一定的关联，建议读者按章节的编排，逐章阅读。

学以致用，本书从实用的角度出发，以示例为主线，贯穿知识点讲解，从而实现带动与引导读者的阅读兴趣的目的，并且每个示意图都精心编排，扼要说明。

注重实践，本书通过一个完整的商城案例开发的过程，详细地介绍了Vue 3在真实项目开发中的应用步骤，每一步都结合实际开发的需求，实现功能、分析源码。

配套资源

为便于教与学，本书配有微课视频、源代码、教学大纲、教学课件。

（1） 获取微课视频方式： 用手机版微信App扫描本书封底的文泉云盘防盗码，授权后再扫描书中相应的视频二维码，观看教学视频。

（2） 获取源代码和全书网址方式： 用手机版微信App扫描本书封底的文泉云盘防盗码，授权后再扫描下方二维码，即可获取。

源代码

全书网址

（3） 其他配套资源可以扫描本书封底的“书圈”二维码，关注后回复本书书号，即可下载。

读者对象

本书面向Web开发者、全国高等学校师生及广大相关领域的计算机爱好者，无论是从事前端开发还是后台代码编写的人员，都可以使用本书。

致谢

希望这部耗时一年、积累编者数年心得与技术感悟的拙著，能给每位读者带来思路上的启发与技术上的提升。同时，也非常希望能借本书出版时机与国内热衷于前端技术的开发者进行交流。

本书由陶国荣、熊振敏、刘义、李建洲、李静、裴星如、李建勤、陶红英、陈建平、孙文华、孙义、陶林英、闵慎华、孙芳、赵刚共同完成了本书的编写、素材整理及配套资源制作等工作。

由于作者水平和能力有限，本书难免有疏漏之处。恳请各位同仁和广大读者给予批评指正。

编者2024年3月