标签:获取 数组 排序 bsp vue 接口 一个 保存 v-for
是关于歌手详情页开发的问题。首先在singer中获取接口中的数据,有很多歌手数据。id,img,name这三个参数。然后从新封装下这个数据,首先前十个作为热门数据。然后根据字母的排序封装。之后大概就封装好了,然后把数据传给子组件,listview,子组件渲染就得到画面了。点击子组件的任意一个歌手,子组件把这个歌手的数据传给父组件。这里比如父组件传的是data是九十个数组,然后渲染下来,一个歌手占据一个数组的数据。v-for="item fon in data" item就是其中一个数组,然后点击歌手,把item传上去,item里面就有具体歌手的id,name。父组件中用vuex的mutation把数据保存在state中,当点击歌手,跳转详情页,时候详情页中获取歌手的id,然后通过接口把id传进去。就能获取数据了,歌手详情页就被渲染完成了。当点击具体的歌,跳转到播放器。
标签:获取 数组 排序 bsp vue 接口 一个 保存 v-for
原文地址:https://www.cnblogs.com/manu-yyj/p/9326298.html