Vue音乐播放器组件相关应用

在Audio组件里面引入import {mapGetters} from 'vuex',并且在computed里面写mapGetters计算属性,

  • playlist控制播放器的显示渲染

在song-list里面添加代码selectItem给每首歌添加点击事件

selectItem (index, song) {
    // 告诉外面父组件可以点击以及是哪首歌和当前的索引
    this.$emit('select', index, song)
},

song-list:不知道点击的是什么值,尽可能传知道的值

music-list:

通过事件点击触发事件触发actions,actions会触发mutations去修改数据,数据映射到palyer,player会映射到DOM上面。


 Previous
Vue音乐播放器组件数据定义 Vue音乐播放器组件数据定义
音乐播放器首先应该是全局的,在哪里都可以播放,布局应该放在APP.Vue里面,多个组件都可以打开播放器,播放器的数据应该是全局的,使用Vuex来管理播放器数据。通常有state,getters, mutations-types, mutat
Next 
阿里钉钉电话一面 阿里钉钉电话一面
开始我电话过期了不知道,然后他们打不进来,还特地发了邮箱给我,我排查了好久才知道我电话卡没有钱了,因为有两张卡。面试官打电话过来约面试时间,超温柔的。 自我介绍一开始让我自我介绍,我之前有准备过一分钟的自我介绍但是有点紧张说话就一直然后然后
2019-04-20
  TOC