Vue+socket.io 实现一个简单的在线匿名聊天室
发布于 7 年前 作者 tryzf 4359 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

这是一个了解socket和实践vue的小项目,Demo源代码地址原文,下面简单介绍下。(发现贴出所有代码提交的时候直接500了)

效果图如下:

服务端实现

node + socket.io,主要了解socket.io的API。其中要知道的是socket.emit信息传输对象只为当前socket对应的客户端传输信息,各个client socket相互不影响。socket.broadcast.emit信息传输对象是为所有客户端传输信息,但排除当前socket对应的客户端。

客服端实现

Vue + socket.io-client , 主要涉及的知识点有slot的使用,父子组件的通信($emit,on的使用),还有就是怎么把一个页面进行组件化。

回到顶部