Vue 自定义音乐播放器组件为H5添加背景音乐

自定义音乐播放器组件为H5添加背景音乐：

1.创建music.vue组件

<template>
	  <div>
	      <div @click="changeOn" :class="isOff?'isOff':'isOn'"></div>
	      <audio id="audio" :src="require('../../../static/img/music.wav')"></audio>
	  </div>
</template>
<script>
export default {
    data() {
      return {
          isOff:true
      }
    },
    components: {},
    created(){
    },
    mounted() {
        // 自动播放音乐效果，解决微信自动播放问题
       document.addEventListener('touchstart',this.audioAutoPlay,false);
       document.addEventListener('WeixinJSBridgeReady', this.audioAutoPlay,false);
       let oAudio = document.querySelector("#audio");
        oAudio.onended = function () {//播放完毕，重新循环播放
            oAudio.load();
            oAudio.play();
        }
    },
    methods: {