摘要：
1.v-cloak 使用 v-cloak 能够解决 插值表达式闪烁的问题 [v-cloak] {display: none; } 2.v-text <h4 v-text="msg"> </h4> <!-- 默认 v-text 是没有闪烁问题的 --> v-text会覆盖元素中原本的内容，但是 插值表 阅读全文
摘要：
1.创建search组件 <template> <div> <div class="search-title"> <input type="text" name="" placeholder="输入搜索内容" v-model="searchContent"> <button type="button 阅读全文
摘要：
1.歌手列表 <template> <div class="artists"> <ul class="list"> <router-link tag="li" :to="{name:'ArtistsDetails',params:{avatar:item.avatar_s500,name:item. 阅读全文
摘要：
1.方法： srcollLrc(key,index){ const lrcDiv = this.$refs.lrc if(key < this.currentTime && key > this.currentTime - (this.keyArr[index+1] - this.keyArr[in 阅读全文
摘要：
1.歌词的创建 <template> <div> 歌词{{this.$route.params.songid}} {{getAllKey}} <p class="lrc-p" v-show="(parseInt(currentTime) >= keyArr[index]) && (parseInt( 阅读全文
摘要：
1.歌词新建组件 <template> <div> 歌词{{this.$route.params.songid}} <p class="lrc-p" v-for="(item,key,index) in lrcData" :key="index"> {{ item }} </p> </div></t 阅读全文
摘要：
1.添加路由 { path:'/musicplay', name:"MusicPlay", component:MusicPlay } 2.实例 <template lang="html"> <div class="play"> <div class="header"> <div class="ti 阅读全文