點選歌單進入歌單詳情效果

2022-10-11 01:12:12 字數 1695 閱讀 3877

效果展示:

1.新建components /musiclist.vue

2.聯絡musiclist.vue 與 homeview.vue

在homeview.vue 中引入配置musiclist.vue

3.配置輪播圖和介面

引入輪播圖

發現好歌單

}}

在查詢介面為 /personalized?limit=10

index.js中介面封裝

在router/index .js 下

介紹欄1.新建components / listviewtop.vue

2.聯絡listviewtop.vue 與 listview.vue

在listview.vue 中引入配置listviewtop.vue

3.index.js引入歌單詳情介面

4.在listview.vue總頁面

引入

介面

5.設計listviewtop.vue頁面

1.新建components / playlist.vue

2.聯絡playlist.vue 與 listview.vue

在listview.vue 中引入配置playlist.vue

實現點選那個歌單就進入哪個歌單詳情

除了使用來建立 a 標籤來定義導航鏈結,通過設定不同的id跳轉到指定頁面,我們還可以借助 router 的例項方法,通過編寫**來實現。

動態路由的傳參

輪播圖 musiclist.vue中

router將在 listview 組建中接收

非同步函式

ajax是非同步函式(網路請求花費時間,然而**不等待直接往下執行 )async(宣告乙個非同步函式) 與 await(等待結果) 是一組結構

1.用setup()方法獲取當前位址列裡的 id

在store / index.js 中:

爬網易雲歌單

學習爬蟲嘛,就是批量獲取目標 上內容。首先需要知道目標 的url,尤其是需要獲取目標 裡面子鏈結中的內容時,需要先批量獲取所有子鏈結的url。其次是從大量的資訊中提取並整理自己想要的資訊。是不是很簡單 一般用beautiful soup 庫,專門用來提取網頁的資料,用作爬蟲 很好用。beautifu...

爬取網易雲歌單

偶爾在微博上看到,要是歌單裡誰的歌超過30首,那肯定是真愛吧。我看了連忙開啟網易雲 我的歌單,結果1000多首歌。這讓我自己數得數到猴年馬月呀.於是萌生出了寫一段小爬蟲來統計的想法。剛開始想直接解析網頁元素,後發現很麻煩,很多資訊不能一次抓取到,於是找到網頁請求的介面,結果介面有加密引數,看了一下j...

小Q的歌單(2)

小q有x首長為a的不同的歌和長為y首長度為b的不同的歌,從種選取任意首,組成長度為k的歌單,每首歌只能被選取一次,不考慮歌單內歌曲的先後順序,問有多少種組成方法。第一行是乙個整數,表示歌單的總長度為k。第二行有四個整數,a 10 x 100 b 10 y 100 分別代表第一種長度和數量,第二種長度...