在vue中使用socket.io

如题所述

第1个回答  2022-07-03
socket.io的github地址: https://github.com/MetinSeylan/Vue-Socket.io

一、关于socket通信的简单说明

Socket是在应用层和传输层之间的一个抽象层,它把TCP/IP层复杂的操作抽象为几个简单的接口,供应用层调用实现进程在网络中的通信(来源百科)。它是一种全双工(服务端与客户端可同时收发消息)通信,当有数据更新时服务端可以主动的将消息推送到客户端。

二、安装依赖

三、在全局中引入组件

在main.js中引入

四、在组件中使用

注意:下面的 connect 方法和 message 方法是我对接的后台写的监听事件名称,实际使用时每个后台定义的名称都不会一样,这个要事先和你的后台确认好。