Vue App歌曲是一款基于Vue.js框架开发的播放歌曲的应用,它拥有简洁美观的UI界面,功能强大,操作简单,能够满足用户播放歌曲的需求。
Vue App歌曲的主要特点如下:
const app = new Vue({
el: '#app',
data: {
songs: [
{ name: '夏洛特烦恼', artist: '金志文', src: 'http://music.163.com/song/media/outer/url?id=33894312.mp3', cover: 'http://p1.music.126.net/srq_YnbWqqG0Mb4RwiJ7dQ==/109951165607944135.jpg' },
{ name: '后来', artist: '刘若英', src: 'http://music.163.com/song/media/outer/url?id=286504.mp3', cover: 'http://p2.music.126.net/gA80JlU5Jez1TTPX9-_UyA==/885797221490745.jpg' }
],
current: null,
playing: false
},
methods: {
play(song) {
this.current = song
this.playing = true
this.$refs.audio.play()
},
pause() {
this.playing = false
this.$refs.audio.pause()
},
ended() {
this.playing = false
this.current = null
}
}
})
上述代码定义了Songs(歌曲)对象,包括歌曲名称、演唱者、歌曲源url和封面url。还定义了Vue app实例,使用data来存储歌曲列表、当前歌曲、播放状态。使用methods来定义播放、暂停和播放完事件等功能。
Vue App歌曲是一款使用Vue.js框架开发的歌曲播放应用,它拥有众多的功能,可以满足用户播放歌曲的需求。用户可以轻松的浏览歌曲列表,通过点击相应的歌曲进行播放,同时还可以实现播放、暂停、停止、切换歌曲等操作功能。总之,Vue App歌曲是一款功能强大,操作简单,体验很好的播放歌曲应用,值得大家一试。