📚 课程介绍
本课程通过实战项目，深入讲解Vue3.0框架的高级应用，包括性能优化、项目部署、歌手页面、详情页、搜索页、播放器等功能的开发。
📋 学习前提
1. Vue3.0基础（了解Vue的基本语法和组件概念） 2. JavaScript基础（熟悉JavaScript语言，包括ES6+特性） 3. HTML/CSS基础（掌握网页结构和样式设计）
📖 课程目录
第1章 课程简介
1-1 课程导学
1-3 课前必读（源码获取方式）
第2章 项目初始化和推荐页面开发
2-1 使用脚手架工具创建项目
2-2 脚手架生成代码介绍
2-3 项目基础代码编写
2-4 Tab组件实现
2-5 获取轮播图接口数据
2-6 轮播图组件的开发
2-7 轮播图组件的使用
2-8 v-loading 自定义指令的开发
2-9 歌单列表实现&滚动组件的封装
2-10 图片懒加载的实现
2-11 v-loading 自定义指令的优化
第3章 歌手页面开发
3-1 歌手列表数据获取
3-2 IndexList 组件基础滚动功能实现
3-3 歌手列表固定标题实现（上）
3-4 歌手列表固定标题实现（中）
3-5 歌手列表固定标题实现（下）
3-6 歌手列表快速导航入口实现（01）
3-7 歌手列表快速导航入口实现（02）
3-8 歌手列表快速导航入口实现（03）
3-9 歌手列表快速导航入口实现（04）
第4章 歌手详情页开发
4-1 歌手详情页歌曲列表数据获取
4-2 歌手详情页批量获取歌曲 url
4-3 歌手详情页 MusicList 组件基础代码编写
4-4 歌手详情页 MusicList 组件功能交互优化（01）
4-5 歌手详情页 MusicList 组件功能交互优化（02）
4-6 歌手详情页 MusicList 组件功能交互优化（03）
4-7 歌手详情页支持详情页刷新
4-8 歌手详情页路由过渡效果实现
4-9 歌手详情页边界情况处理
4-10 歌手详情页歌曲列表点击以及 vuex 的应用
4-11 歌手详情页歌曲列表实现随机播放
第5章 播放器内核组件开发
5-1 播放器基础样式及歌曲播放功能开发
5-2 播放器播放按钮的暂停与播放逻辑开发
5-3 播放器歌曲前进与后退逻辑开发
5-4 播放器 DOM 异常错误处理
5-5 播放器 歌曲播放模式相关逻辑开发
5-6 播放器 歌曲收藏功能相关逻辑开发（1）
5-7 播放器 歌曲收藏功能相关逻辑开发（2）
5-8 播放器 进度条相关逻辑开发（上）
5-9 播放器 进度条相关逻辑开发（下）
5-10 播放器 cd 唱片旋转相关逻辑开发
5-11 播放器 歌词相关逻辑开发（01）
5-12 播放器 歌词相关逻辑开发（02）
5-13 播放器 歌词相关逻辑开发（03）
5-14 播放器 中间视图层手指交互相关逻辑开发（上）
5-15 播放器 中间视图层手指交互相关逻辑开发（下）
5-16 播放器 mini 播放器开发（01）
5-17 播放器 mini 播放器开发（02）
5-18 播放器 mini 播放器开发（03）
5-19 播放器 mini 播放器开发（04）
5-20 播放器 全屏切换过渡效果实现（上）
5-21 播放器 全屏切换过渡效果实现（下）
第6章 播放器功能扩展
6-1 播放器播放列表功能开发
6-2 播放器播放模式功能开发
6-3 播放器歌词显示功能开发
6-4 播放器播放进度条功能开发
6-5 播放器音量控制功能开发
6-6 播放器播放器皮肤功能开发
第7章 搜索页面开发
7-1 搜索页面搜索框开发
7-2 搜索页面热门搜索开发
7-3 搜索页面 Suggest 组件开发（01）
7-4 搜索页面 Suggest 组件开发（02）
7-5 搜索页面 Suggest 组件开发（03）
7-6 搜索页面 Suggest 组件开发（04）
7-7 搜索页面 Suggest 组件开发（05）
7-8 搜索页面 Suggest 组件开发（06）
7-9 搜索页面 Suggest 组件开发（07）
7-10 搜索页面搜索历史功能开发（01）
7-11 搜索页面搜索历史功能开发（02）
7-12 搜索页面搜索历史功能开发（03）
7-13 搜索页面搜索历史功能开发（04）
第8章 添加歌曲与用户中心页面开发
8-1 添加歌曲到列表功能开发（01）
8-2 添加歌曲到列表功能开发（02）
8-3 添加歌曲到列表功能开发（03）
8-4 添加歌曲到列表功能开发（04）
8-5 添加歌曲到列表功能开发（05）
8-6 用户中心页面开发（01）
8-7 用户中心页面开发（02）
8-8 用户中心页面开发（03）
第9章 性能优化与项目部署
9-1 keep-alive 组件应用
9-2 路由组件异步加载
9-3 项目部署
第10章 课程总结
10-1 课程总结
