Vue使用Audio

1、首先要在html中与vue做好数据绑定

<audio controls id="audio"  autoplay>
          <source type="audio" :src="musicUrl" class="source">
</audio>

2、我们需要使用自带的ref方法

https://cn.vuejs.org/v2/guide/components-edge-cases.html#访问子组件实例或子元素
//

<audio controls id="audio" ref="audio" autoplay>
          <source type="audio" :src="musicUrl" class="source">
</audio>

3、在Vue中应该这样去修改值

// musicUrl:为音乐播放的路径
vm.$refs.audio.src =  vm.musicUrl;