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

Posted 2020-12-05 manu-yyj

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