Question

vue怎么实现接受到消息后，出现提示音效果，那位哥哥姐姐能给个demo就更好了

比如把页面上添加一个<audio>用来播放背景音乐（由于controls属性未设置，我们是看不见播放界面的）
<audio id="bgMusic"> <source = src="hangge.mp3" type="audio/mp3"> <source = src="hangge.ogg" type="audio/ogg"></audio>
通过pause()和play()方法可以使音乐暂停和继续播放（结合currentTime属性可以实现停止和重新播放）var audio = document.getElementById("bgMusic"); //播放(继续播放)audio.play(); //暂停audio.pause(); //停止audio.pause();audio.currentTime = 0; //重新播放audio.currentTime = 0;audio.play();

Answer 1

<template>
    <div class="listen">
        <audio controls="controls" hidden src＝"./resource/media/sounds/newmsg.mp3" id="audio">
    </div>
</template>
<script>
export default{
    mounted:function(){
        //一系列的socket连接。
        //var socket = io();//你自己的socket
        socket.on('new_msg',function() {
            var _audio = document.getElementById('audio');//获取audio元素
            audio.currentTime = 0;//从头开始播放提示音
            _audio.play();//播放
        })
    }    
}
</script>

不知道你用的是什么，举个Socket.io例子

播放提示音的话很简单  三行代码就可以

this.sound = new Audio();

this.sound.src = '提示音文件地址';

this.sound.play();

追问

用的是Websocket的，那请问一下this.sound这个在data里面怎么定义那