监听页面的关闭和打开

这个是针对音乐的播放与暂停，当页面开启时，自动播放音乐，当页面退出时，自动关闭音乐

<!-- 音乐播放 -->
      <audio
        :src="require('../../audio/new.mp3')"
        preload="auto"
        loop
        id="audio"
      ></audio>
      <div @click="changeOn" :class="isOff == true ? 'isOff' : 'isOn'"></div>
      

 methods: {
 //音乐播放
    changeOn() {
      let oAudio = document.querySelector("#audio");
      if (this.isOff) {
        oAudio.pause(); //让音频文件暂停播放
      } else {
        oAudio.play(); //让音频文件开始播放
      }
      this.isOff = !this.isOff;
    },
    audioAutoPlay() {
      let audio = document.getElementById("audio");
      this.isOff = true;
      audio.play();
    },
   }

  async mounted() {
 document.addEventListener("visibilitychange", function () {
      let oAudio = document.querySelector("#audio");
      if(document.visibilityState=="hidden"){
        oAudio.pause();
      }else if(document.visibilityState=="visible"){
        oAudio.play();
      }
      // Modify behavior...
    });
    this.audioAutoPlay();
   }