第 12 章 实战项目：豆瓣电影评分系统

在掌握了本书的全部内容后，下面进入实战项目的开发讲解。本章将会结合本书前面所讲解的相关知识点从零开始来完成一个 Vue 3 的实战项目：豆瓣电影评分系统。

该实战项目涉及 Vue 基础、Vuex、Vue Router、组合式 API、服务端渲染、Vite 前端工程化构建等本书所讲的内容。需要说明一下，为了照顾没有后端基础的读者，该实战项目只会涉及前端相关的知识讲解，不会涉及后端及数据库的讲解，所用到的接口数据为事先提供的假数据，当然对后端感兴趣的读者，也可以自行完成后端逻辑的开发。另外，在本项目中，也会模拟请求豆瓣电影后台的真实数据，但这只作为备选，以防止以后豆瓣修改 API 就无法正常使用。

由于本实战项目的完整源码可以在对应的代码清单中查看，并且附带视频内容，因此本章主要偏向于实战项目中的知识点讲解，并且只会包括核心的代码演示，建议读者先查看完整项目源码，了解大致的项目结构，以便于后续的理解。下面进入实战项目的开发。