vue+socket.io在当前页面引入并使用socket.io(二)

第一步：下载

"vue-socket.io": "^3.0.10",
"socket.io-client": "^2.4.0",

第二步：再main.js引入

import socketio from 'socket.io-client';

第三步：再页面引入

import io from "socket.io-client";

第四步：再created中连接socket.io

（xxxxxxxx：后台给的地址，我写到了环境里边）
  (query:地址后边要携带的参数，自己写)

const socket = io(xxxxxxxx, {
      query: { userId:this.userId },
      transports: ["websocket"],
      path: "/socket.io",
    });

第五步：紧接着第三步写，获取后台数据的代码：

（如果后台给你的是json格式需要自己转一下，用JSON.parse()）

 socket.on("data", (res) => {
      console.log(res);
      res = JSON.parse(res);
      //对你接受的数据进行处理
    });