vue2学习仿qq音乐的心路历程

随着互联网的高速发展，技术不断的更新迭代，web这一领域技术发展更是快的不行，几年前风靡全球的jQuery，现在看来也遇到了瓶颈，现在web更是讲究框架模块化开发，react/vue/angular等框架就是这web发展所需的时代产物，好了，感慨就到这里吧。。。。。。第一次发博，算是学习之路的一个记录

 

1.这里主要记录一下qq音乐接口变化的问题，之前qq音乐歌曲地址是不需要vkey这样的参数的，视频上讲的只能指引你，真要掌握、吃透还得靠自己去不断查找，不断发现。所以说，朋友们，发现自己不懂的问题，才是最重要的。

---

这里贴出视频里suggest.vue的代码

searchMore() {
        if (!this.hasMore) {
          return
        }
        this.page++
        search(this.query, this.page, this.showSinger, perpage).then((res) => {
          if (res.code === ERR_OK) {
            this.result = this.result.concat(this._genResult(res.data))
            this._checkMore(res.data)
          }
        })
      }

_genResult(data) {
        let ret = []
        if (data.zhida && data.zhida.singerid) {
          ret.push({...data.zhida, ...{type: TYPE_SINGER}})
        }
        if (data.song) {
          ret = ret.concat(this._normalizeSongs(data.song.list))
        }
        return ret
      }

_normalizeSongs(list) {
        let ret = []
        list.forEach((musicData) => {
          if (musicData.songid && musicData.albummid) {
            ret.push(createSong(musicData))
          }
        })
        return ret
      }

然后是qq音乐接口变化后（需要vkey等参数），缺什么，我们就去找什么

1.首先到api/singer.js下加一个获取vkey的方法

export function getSongVkey (songmid) { // 获取歌曲的vkey
    const url = '/getVkey'