关于vue3:vue30网易云音乐及入门小案例

232次阅读

共计 641 个字符,预计需要花费 2 分钟才能阅读完成。

前言

之前学习 vue3.0 时做了几个小案例,近段时间又找了几个案例想着把之前做的那些和当初做的放在一起于是劳动的时候就搭建了一个 vue3 的我的项目。这个我的项目所用的数据都是页面上写死的,音乐播放器数据是调用的网易云 api 拿到的。

指标性能
[√] 手机、邮箱登录
[√] 批改明码
[√] 我的歌单信息
[√] 最近播放
[√] 搜寻性能
[√] 搜寻后果展现
[√] 发现页面歌单
[√] 发现页面排行榜
[√] 喜爱音乐(获取用户喜爱的音乐)
[x] 歌曲喜爱与否
[√] 歌词
[√] 相干评论
[x] 评论点赞(目前只获取评论点赞数量,没有做点赞性能)
[√] 歌曲 mv 播放
[√] 签到
[√] 注册
[√] 歌手分类

登录页面,原本想做个滑块验证,然而之前 vue2 用到的 vue-monoplasty-slide-verify 插件如同不反对 vue3,所以这一块就还没做。登录调用的是网易云登录接口,目前只做了手机号、邮箱登陆,二维码登录接口始终不返回数据临时先不做
影视大厅性能还没有做,豆瓣的 API 当初曾经不能用了,等找到其余 API 再做这部分。

局部截图

1. 登陆页面

2. 首页

3. 批改明码

4. 举荐页

5. 历史歌单

6. 歌曲 mv 播放

启动步骤
查看源码点击 查看源码 欢送 star,欢送 issue
npm install
npm run dev

前期我会在博客更新我的项目开发过程中遇到的坑,学习到的新常识,新办法等。欢送关注

本我的项目会长期更新,欢送大家指出问题,独特学习
心愿对读完本文的你有帮忙、有启发,如果有不足之处,欢送批评指正交换!

辛苦整顿好久,还望手动点赞激励~

正文完
 0