码迷,mamicode.com
首页 > 其他好文 > 详细

关于项目组件中的值得传递。

时间:2018-07-17 23:18:27      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:获取   数组   排序   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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!