安装,配置跟随文档走。主要讲一下在组件中如何使用:
1.事件的注册与监听
如果你想在组件中监听socket事件,你需要在.vue组件中添加 sockets对象,里面的每一个函数都会监听事件,这取决于对象的键值。
export default {
sockets: {
connect: function () {
console.log('socket connected')
},
customEmit: function (data) {
console.log('this method was fired by the socket server. eg: io.emit("customEmit", data)')
}
},
methods: {
clickButton: function (data) {
// $socket is socket.io-client instance
this.$socket.emit('emit_method', data)
}
}
}
以上来自官方的翻译,听起来很别扭是不是?让我们来试验一下
我们在sockets对象中注册上面两个方法后,在后端调用一下:
PS:后端配置看文档
io.on('connection', function(socket) {
console.log("vue