这门课在解决什么工作场景
这套资料聚焦于使用 Vue 3 开发一个小说阅读应用的前端实战。它解决的是很多开发者从写静态页面转向真正落地移动端业务时卡壳的问题：怎么把 Vite、Vue Router 和移动端组件库串起来，搭出一个能跑通核心阅读流程的应用。日常工作里，如果遇到要做内部移动端管理系统、阅读类产品原型，或者需要快速交付一个带底部导航和多页面跳转的前端项目，这套资料的思路可以直接套用。它不是讲零碎语法，而是按真实项目顺序推进，从建项目、配构建工具到装组件库、搭导航，解决的是“知道知识点但拼不成完整产品”的断层。
适合什么基础以及建议先看哪几块
资料适合已经掌握 HTML、CSS 和 JavaScript 基本语法，对 Vue 3 的组合式 API 有概念但没独立搭过完整项目的人。完全没碰过前端框架的话，直接看会吃力。建议先看项目创建和 Vite 配置那几节，理解工程怎么跑起来；接着看整合 Vue Router 和移动端组件库的部分，搞清楚路由怎么配、组件怎么按需引入；然后重点看主要页面添加和底部导航栏的实现，这块涉及布局和动态渲染，是移动端高频需求。这几块啃下来，项目骨架就立住了。
学完能独立做什么以及资料怎么配合练习
学完后能独立搭建一个 Vue 3 移动端应用的基础架构，包括配置构建工具、设计路由、封装导航组件，并实现类似小说 APP 的书架、阅读页等核心页面交互。配合练习时，建议边看边自己建一个同类型项目，不要只跟着抄。每看完一节，暂停视频，自己复现一遍逻辑，遇到卡壳再回看。重点练动态渲染导航栏和组件封装那部分，自己改改数据结构，看页面反应。资料里用的是具体组件库，练习时可以尝试换成另一个移动端库，验证自己是否真懂了整合逻辑，而不只是记住了操作步骤。
学员将掌握Vue 3开发小说APP的实战技能，涵盖项目搭建、页面开发、组件封装及功能实现。
课程目录
* 01 01 概述.mp4 (7.27 MB), 01:22
* 02 02 创建前端项目.mp4 (11.44 MB), 03:06
* 03 03 配置vite.mp4 (26.39 MB), 04:12
* 04 04 整合vue-router.mp4 (20.67 MB), 03:23
* 05 05 整合vant.mp4 (30.49 MB), 04:53
* 06 06 主要页面的添加和配置.mp4 (16.34 MB), 02:43
* 07 07 底部导航栏基本样式.mp4 (38.24 MB), 06:09
* 08 08 底部导航栏图标.mp4 (25.51 MB), 04:09
* 09 09 动态渲染底部导航栏.mp4 (17.28 MB), 02:48
* 10 10 底部导航栏点击跳转.mp4 (23.81 MB), 03:54
* 11 11 底部导航激活颜色.mp4 (27.62 MB), 04:27
* 12 12 整合zdpui.mp4 (47.64 MB), 07:26
* 13 13 首页顶部基本结构.mp4 (23.31 MB), 03:54
* 14 14 顶部搜索框.mp4 (33.21 MB), 05:16
* 15 15 tabs标签.mp4 (41.07 MB), 06:37
* 16 16 banner图片.mp4 (15.39 MB), 02:30
* 17 17 头部组件初步封装.mp4 (54.78 MB), 08:38
* 18 18 热门分类的基本页面结构.mp4 (24.47 MB), 03:59
* 19 19 热门分类.mp4 (22.26 MB), 03:38
* 20 20 弹出层基本结构.mp4 (38.33 MB), 06:22
* 21 21 选中分类样式.mp4 (29.64 MB), 04:48
* 22 22 基本标签页.mp4 (39.06 MB), 06:16
* 23 23 实现横向的滚动条.mp4 (17.88 MB), 02:59
* 24 24 横向滚动标签美化.mp4 (32.62 MB), 05:23
* 25 25 封装横向滚动组件.mp4 (49.03 MB), 08:04
* 26 26 横向滚动排行基本实现.mp4 (60.52 MB), 09:42
* 27 27 显示小说封面.mp4 (17.94 MB), 03:03
* 28 28 显示小说信息.mp4 (20.05 MB), 03:16
* 29 29 横向滚动的渐变效果.mp4 (23.70 MB), 03:54
* 30 30 小说排行榜完成.mp4 (69.88 MB), 11:09
* 31 31 轮播图.mp4 (41.18 MB), 06:32
* 32 32 底部导航栏背景色动态设置.mp4 (25.18 MB), 03:59
* 33 33 封装通用的标题组件.mp4 (73.91 MB), 11:38
* 34 34 推荐列表.mp4 (109.58 MB), 17:10
* 35 35 总结.mp4 (4.75 MB), 01:17
