uniapp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、鸿蒙（HarmonyOS）以及各种小程序、快应用等多个平台。因此，对于初学者而言，在学习uniapp前应先学习Vue.js的基础知识。

*本书内容

本书介绍Vue.js和uniapp的基础知识、核心理论及企业级项目开发。全书共9章，各章的具体内容如下。

第1章： 介绍Vue.js的集成开发环境的构建、使用Vite创建Vue 3项目以及插值与表达式等内容。

第2章： 重点介绍Vue.js的基础知识，包括数据绑定、生命周期钩子函数、指令、事件处理、计算属性、侦听器等。

第3章： 主要介绍组件的注册和引用、组件间的数据传递、动态组件与异步组件、插槽、自定义指令、Element Plus组件库。

第4章： 主要介绍Vue Router的基本用法和高级应用（包括路由重定向、命名路由、嵌套路由、路由query传参、动态路由、编程式导航等）、导航守卫以及路由元信息等内容。

第5章： 主要介绍Vue.js应用程序的状态管理库Vuex与Pinia的基本应用和核心概念。

第6章： 主要讲解Express的安装与使用、Axios的安装与使用以及基于Express+Vue.js的前后端分离开发的原理与解决方案。

第7章： 重点介绍uniapp开发环境的构建以及uniapp项目的创建及运行调试。

第8章： 重点介绍uniapp的核心基础，包括uniapp内置组件的使用、uniui扩展组件的使用、uniapp生命周期、uniapp路由、uniapp数据传递以及基于Express+uniapp的前后端分离开发的原理与解决方案。

第9章： 以电子商务平台的设计与实现为综合案例，讲述如何使用Express+Vue.js+uniapp开发一个前后端分离的应用，主要包括基于Express的后端服务器的搭建、基于Vue.js的后台管理子系统的实现（PC端）以及基于uniapp的电子商务子系统的实现（移动端）。

*本书特色

本书具有以下特色。

（1） 阶梯式知识体系，契合学习与工程需求： 以“Vue.js基础→高级开发→uniapp跨平台→项目实战”为核心脉络，从MVVM模式、数据绑定等基础概念入手，逐步深入组件化开发、路由管理、Pinia状态管理等进阶内容，最终通过完整电子商务平台实现知识闭环。体系设计遵循认知规律，既满足新手入门的循序渐进，又覆盖前后端分离（Express+Axios）、跨平台开发（uniapp）等工程化需求，形成从理论到实战的完整知识链。

（2） 全栈技术覆盖，紧跟前沿实践： 全面整合现代前端开发核心技术栈，不仅详细讲解Vue 3、Element Plus UI组件库等前端技术，还涵盖Express后端搭建、MySQL数据库操作、Redis缓存等后端能力，同时融入uniapp跨平台开发（多端运行调试、内置/扩展组件）及Pinia、Vue Router等前沿工具，确保技术内容的时效性与全面性，助力读者构建全栈开发思维。

（3） 实战导向设计，强化能力落地： 以“理论+实操+项目”为核心，贯穿全书设计多层级实践内容——基础阶段提供Visual Studio Code配置、Vite项目创建等分步操作指南，进阶阶段融入组件通信、路由守卫、跨域解决方案等场景化案例，最终通过电子商务平台（PC端后台+移动端应用）实现全流程项目实战。同时结合技术要点配套实操步骤，将前后端分离开发核心技能融入实际项目，有效推动“学练结合”，帮助读者快速将知识转化为开发能力。

*配套资源

为了方便各类高等院校选用教材和读者自学，本书配有教学大纲、教学课件、电子教案、程序源码、教学进度表、实验大纲、在线题库、500分钟的微课视频等配套资源。

资源下载提示

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

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

在线自测题：  扫描封底的作业系统二维码，再扫描章末自测题二维码，可以在线做题及查看答案。

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

本书的出版得到清华大学出版社相关人员的大力支持，对他们表示衷心的感谢。同时，编者在编写本书时参阅了相关书籍、博客以及其他官网资源，对这些资源的贡献者与分享者深表感谢。由于前端开发框架技术发展迅速，并且持续改进与优化，加上编者水平有限，书中难免存在不足之处，敬请各位专家和读者批评指正。

本书是大连外国语大学创新团队资助项目“大数据背景下高校思想政治教育工作研究创新团队（2018CXTD04）”的建设成果。

编者

2026年1月