1、安装websockt
npm install vue-native-websocket
2、在Vue应用程序中注册插件:
Vue.use的
第一个参数是插件本身,
第二个参数是WebSocket端点,
第三个参数是一个选项对象,它允许您配置插件。
注册完,您就可以使用this$Vue组件中的socket属性来访问WebSocket实例:
import VueNativeSock from 'vue-native-websocket'
Vue.use(VueNativeSock, 'ws://localhost:3000', {
format: 'json'
})
export default {
mounted () {
this.$socket.send('Hello, World!')
}
}
4、向WebSocket服务器发送消息“Hello,World!”。您还可以使用创建的钩子来侦听WebSocket事件:
export default {
created () {
this.$socket.addEventListener('message', event => {
//把从WebSocket服务器接收到的任何消息记录到控制台
console.log(&#