vue3.0网易云音乐及入门小案例

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

目标功能
[√] 手机、邮箱登录
[√] 修改密码
[√] 我的歌单信息
[√] 最近播放
[√] 搜索功能
[√] 搜索结果展示
[√] 发现页面歌单
[√] 发现页面排行榜
[√] 喜欢音乐（获取用户喜欢的音乐）
[x] 歌曲喜欢与否
[√] 歌词
[√] 相关评论
[x] 评论点赞（目前只获取评论点赞数量，没有做点赞功能）
[√] 歌曲mv播放
[√] 签到
[√] 注册
[√] 歌手分类

登录页面，本来想做个滑块验证，但是之前vue2用到的vue-monoplasty-slide-verify插件好像不支持vue3，所以这一块就还没做。登录调用的是网易云登录接口，目前只做了手机号、邮箱登陆，二维码登录接口一直不返回数据暂时先不做
影视大厅功能还没有做，豆瓣的API现在已经不能用了，等找到其他API再做这部分。

部分截图

登陆页面
首页
推荐页
历史歌单
歌曲mv播放

启动步骤
查看源码点击查看源码 欢迎star，欢迎issue
npm install
npm run dev (本地开发)

后期我会在博客更新项目开发过程中遇到的坑，学习到的新知识，新方法等。欢迎关注

本项目会长期更新，欢迎大家指出问题，共同学习
希望对读完本文的你有帮助、有启发，如果有不足之处，欢迎批评指正交流！

辛苦整理良久，还望手动点赞鼓励~

vue3.0网易云音乐及入门小案例相关推荐

oppo关闭网易云音乐锁屏小窗口
oppo关闭网易云音乐锁屏小窗口第一个第二个第三个(省流) 在设置中打开通知与状态栏,关闭媒体播放卡片关闭网易云锁屏显示在设置中关闭锁屏好了,你锁屏试试. 这个困扰我多年的东西终于关掉了, ...
仿网易云音乐（微信小程序版）
项目部分截图(Gif) 前言前一阵子学习了微信小程序,为了巩固所学的知识和提高实战经验,决定自己手撸一款小程序.因为听歌一直在用网易云音乐,所以突发奇想就做一款仿网易云音乐的小程序吧!开发中遇到了很 ...
网易云音乐解除灰色小工具 - 资源
教程地址 : 解决网易云灰色歌曲软件下载 : 网易云音乐解锁小工具.zip 详细教程地址 : 网易云音乐灰色音乐工具当不用该工具时,需要将代理更改回来.
0308互联网新闻 | 网易云音乐App上线小程序入口；谷歌为机器学习框架TensorFlow发新模块...
戳戳戳戳一下"好看",你最好看
【vue3仿网易云音乐app】歌单列表以及歌单界面
实现效果: 实现思路: 异步获取后台api中的歌单信息使用轮播图组件,实现歌单轮播将播放量转换为万.亿单位点击歌单画面,进入单独的歌单详情页具体实现过程: 1. 异步获取后台api中的歌单信息 ...
微信小程序之网易云音乐导航
微信小程序之网易云音乐导航微信小程序之网易云音乐(一)- uni-app的基本使用微信小程序之网易云音乐(二)- uni-app标签的使用微信小程序之网易云音乐(三)- 主页面底部导航.轮播图. ...
高仿网易云音乐UI的微信小程序源码
简介: 仿网易云音乐的微信小程序源码,名为YY音乐小程序,首页有每日推荐歌曲.歌单和热歌排行榜,功能不是特别多但是该有的都有. UI特别精致,简直就是克隆的网易云音乐. 源码下载:百度网盘自取图片:
python 爬虫（七）lxml模块 + lxml数据提取（字符串的xml/html文件--转换--element对象--转换--字符串）调用XPath方法筛选数据 + 案例（扇贝酷狗网易云音乐）
爬虫小知识:爬取网站流程确定网站哪个url是数据的来源. 简要分析一下网站结构,查看数据一般放在哪里. 查看是否有分页,解决分页的问题. 发送请求,查看response.text里面是否有我们想要的 ...
python爬取网易云音乐评论并进行可视化分析
2019独角兽企业重金招聘Python工程师标准>>> 前言今天为大家一个爬取网易云音乐评论的Python案例,并用Python的第三方库来进行可视化分析,生成图表样式,可以清晰地 ...

vue3.0网易云音乐及入门小案例

vue3.0网易云音乐及入门小案例相关推荐

最新文章

热门文章