在vue中引用音频视频等媒体

1 在目录中准备好音频或视频文件,如MP3或MP4等

2 在代码中导入上述媒体文件

import pitpatSound from '@/assets/audio/pitpat.mp3'

3 在data中预备响应式数据

data() {
      return {
          pitpatSound ,
          ...
      }
}

4 在标签中使用媒体源文件

 <audio id="audio" :src="pitpatSound"> </audio>

总结 : 如图片img, svg等文件,也可以使用此方式,此处应归功于 es6 模块化的强大