歌曲評論
->點擊播放時同步顯示當前評論
->列表結構
1.點擊播放
2.評論獲取:axios+歌曲id
3.渲染:v-for

• 熱門評論獲取(以下為黑馬程序員課程提供)
  -請求地址:https://autumnfish.cn/comment/hot?type=0
  -請求方法:get
  -請求參數:id(歌曲id,地址中的type固定为0)
  -響應内容:歌曲的熱門評論

設置好地址後+&id
我們可以看到裡面的數據為以下，而我們要的是為data內hotComments裡的content

使用者頭像則是user裡的avatarUrl，用戶名稱則是nickname，接著再放入對應的HTML

 <!-- 評論 -->
        <div class="comment_wrapper">
          <h5 class='title'>HotComments</h5>
          <div class='comment_list'>
            <dl v-for="item in comment">
              <dt><img  :src="item.user.avatarUrl" alt=""></dt>
              <dd class="name">{{item.user.nickname}}</dd>
              <dd class="detail">
                {{item.content}}
              </dd>
            </dl>
         </div>

  //評論
        axios.get("https://autumnfish.cn/comment/hot?type=0&id="+musicId)
        .then(function(response){
           console.log(response)
           that.comment=response.data.hotComments;
          },function(err){})
        }

就完成歌曲評論了

參考資料:
https://www.bilibili.com/video/BV1HE411e7vY/?p=34&share_source=copy_web&vd_source=85a8c5bb37dc77d30860d2b3537de967