關於項目組件中的值得傳遞。

是關於歌手詳情頁開發的問題。首先在singer中獲取接口中的數據,有不少歌手數據。id,img,name這三個參數。而後重新封裝下這個數據,首先前十個做爲熱門數據。而後根據字母的排序封裝。以後大概就封裝好了,而後把數據傳給子組件,listview,子組件渲染就獲得畫面了。點擊子組件的任意一個歌手,子組件把這個歌手的數據傳給父組件。這裏好比父組件傳的是data是九十個數組,而後渲染下來,一個歌手佔據一個數組的數據。v-for="item fon in data"   item就是其中一個數組,而後點擊歌手,把item傳上去,item裏面就有具體歌手的id,name。父組件中用vuex的mutation把數據保存在state中,當點擊歌手,跳轉詳情頁,時候詳情頁中獲取歌手的id,而後經過接口把id傳進去。就能獲取數據了,歌手詳情頁就被渲染完成了。當點擊具體的歌,跳轉到播放器。vue

相關文章
相關標籤/搜索