美文网首页
socket+vue使用

socket+vue使用

作者: echo三文鱼 | 来源:发表于2020-10-20 11:08 被阅读0次

具体原理不是很明白,先记录一下基本用法
(这种用法是前后端分离形式,且服务端已经规定好事件)
1.首先
npm i socket.io-client -s
npm i vue-socket.io -s
2.在main.js中引用并挂载

    import VueSocketio from 'vue-socket.io';
    import socketio from 'socket.io-client';
    Vue.use(
        new VueSocketio({
        debug: true ,   // debug调试,生产建议关闭
        connection: socketio(window.g.apiUrl),
      })
    )

3.在组件中使用

   sockets: {
    deviceStatus(data){//获取状态更改信息
        //这里的data就是服务端返回的信息,这里可以做处理
    },
    updateDeviceData(){ //监听状态更改
        this.$socket.emit('getDeviceStatus',this.allStudentTicket)
    },
 },

相关文章

网友评论

      本文标题:socket+vue使用

      本文链接:https://www.haomeiwen.com/subject/waarmktx.html