使用Vue仿一個網易云網站
- 小記
- 預期
- 行程記錄
- 12-09
- 組件分析
- Songs
- 架構
- 資料傳遞
- 熱門歌手推薦組件
- 原始碼
小記
預期
行程記錄
12-09
目前實作的效果如下
專案架構初步搭建起來了，記錄組件拆分
組件分析
Songs
架構
-
songs
-
TopTitle
-
carousel
-
PopMuiRec
- TitlePopRec
- MusicItem
- MusicList
-
- 以及存放當前頁面下的所有資料
注意：在使用Element-ui組件時，監聽組件的點擊方法記得加native
資料傳遞
-
songs
- TopTitle
須傳遞的引數： 標題資訊 title:[ { title:'發現音樂', path:'/songs', child:[ { title:'推薦', path:'/recommend' }, { title:'排行榜', path:'/recommend' }, { title:'歌單', path:'/recommend' }, { title:'主播電臺', path:'/recommend' } ] }, { title:'我的音樂', path:'/mysongs' }, { title:'朋友', path:'/friends' } ], 子傳父方法： ChangeRouter：用以實作點擊相應的標題跳轉路由-
carousel
BannerImg:[], -
PopMuiRec
- TitlePopRec
- MusicItem
- MusicList
PopMuiRec---->MusicList: MusicArray:[] 搞錯了，搞成了直接給MusicItem傳遞的點擊musicitem
content展示相應的資訊
有點那么個意思了
看網易云底部的音樂播放器還挺有意思，打算自己封裝一個，
熱門歌手推薦組件
RecommendSingerShow
>RecommendSingerTitle
>RecommendSingerList
>>RecommendSingerItem
原始碼
https://github.com/lzlv587/MusicPlayer
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/233165.html
標籤：其他