WebSocket是一种在Web浏览器和服务器之间进行实时双向通信的协议。在Vue.js中使用WebSocket进行服务端通信可以实现实时更新数据的功能。下面是一个基础的使用WebSocket进行服务端通信的教程:
npm install vue-native-websocket
import VueNativeSock from 'vue-native-websocket'
Vue.use(VueNativeSock, 'ws://localhost:3000', {
reconnection: true,
reconnectionAttempts: 5,
reconnectionDelay: 3000,
})
export default {
data() {
return {
message: ''
}
},
mounted() {
this.$socket.addEventListener('message', this.handleMessage)
},
methods: {
handleMessage(event) {
this.message = event.data
},
sendMessage() {
this.$socket.send('Hello, server!')
}
}
}
const WebSocket = require('ws')
const wss = new WebSocket.Server({ port: 3000 })
wss.on('connection', ws => {
ws.on('message', message => {
console.log('Received message:', message)
ws.send('Hello, client!')
})
})
以上就是使用WebSocket进行服务端通信的基础教程,希望对你有帮助!如果有任何问题,欢迎提问。