Vue+socket.io 实现一个简单的在线匿名聊天室
粉丝福利 : 关注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的使用),还有就是怎么把一个页面进行组件化。