vue项目使用socket.io-client实现通信对话

使用环境：vue2+socket.io-client

vue3也可以使用只是js的写法稍稍改变了

1.webScoket通信对话

  原理:服务端主要依赖于socket.io-client  

  下载载方式:

npm i socket.io-client

  页面中引入

       import io from "socket.io-client";

  使用说明:

  1.我的后端使用node搭建的所以node需要下载socket.io (我们只说客户端)

  2.调用 io(url) 创建一个链接 例:this.clientSocket = io("http://localhost:80"); // 连接服务器

  3.使用.on 调用 connect方法查看是否连接成功 例:

                                              this.clientSocket.on("connect", () => {

                                                console.log("连接成功客户端");

                                              });

  4.一般这时候我们需要监听服务器什么时候给我们发信息 要接收一下例:

                                              this.clientSocket.on("fromClient", (data) => {