最近在学习用vue开发一套音乐播放器,qq音乐中播放api失效了,之前可以直接currentSong.url进行播放,现在出现403 没有权限访问,我再次分析了一下qq音乐中的newwork发现,可以这样请求,做一个记录
<audio ref="audio" :src="'http://ws.stream.qqmusic.qq.com/C100'+currentSong.mid+'.m4a?fromtag=46'"></audio>
这样也可以免费下载很多要求付费的歌曲啦。
用vue写了一个音乐播放器,现在来梳理一下里面的知识点。
1.vue和vuex 为什么这里要使用vuex?vuex可以称为状态管理机。在2种情况下可以使用vuex。
- 比如组件之间的联系很小,不方便共享数据的时候,就可以使用vuex,把数据统一管理,这样所有页面都可以很方便的取到自己想取的数据。
- 当路由很复杂的时候,或者需要通过路由来传递参数的时候,vues也派上了用场。
vuex不太适合单页面,简单的页面开发,会略显麻烦,我们可以根据实际情况来抉择,是否使用vuex来开发。
在music这个项目里面,用vuex是很多东西需要共享,比如歌单 歌曲这些都需要共享 所以使用到了vuex
vue框架被称为mvvm框架,mvc跟mvvm有什么区别呢?这篇阮一峰老师的博客写的很清楚:
http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html