五、歌手页面开发（一）

本节总览

---

本节代码提交至：chapter5
效果预览：

vue-music.png

---

代码更新

今天只是简单看了一下歌手页面的需求,以及歌手接口数据的获得。
主要更新代码列表如下：

src/components/singer/singer.vue
src/api/singer.js
src/base/listview
src/common/js/singer.js

---

本节代码思路：

• 首先通过扣扣音乐官方，找到并分析歌手列表的接口（学习中的视频接口未找到）
• 依照前面写好的recommend的api(jsonp),将接口url以及不同的参数传入。
• 编写歌手列表singer.vue，将从接口获取的歌手数据进行二次处理存储使用（本节重点）
• 开发listview组件：引入之前写好的scroll组件，在scroll组件中写listview组件（本节重点）
• 最后，添加一个图片懒加载效果。

歌手页面右侧的字母索引以及主页面title的置顶与切换效果，下节更新。