1.前言:为了熟悉Vue3,看到掘金上有很多仿网易云音乐的项目,所以自己也对照着网易云桌面端仿造了一个网易云项目,但是做完几个页面后,感觉页面的开发都是差不多的,于是自己给自己提一个需求,做一个可自定义配置的网易云音乐。
2.效果展示
-
完整界面
-
简洁界面
-
设置页面
3.实现思路
- 路由由config文件动态添加和删除,并添加一个属性表示是否应该被添加。
- 每次在设置页面点击设置后触发删除和添加路由并保存到本地localStorage。
项目使用技术栈
- 前端 Vue3 + Ts + Pinia
- 后端API(网易云音乐 NodeJS 版 API)