vue + vuex + elementUi + socket.io实现一个简易的在线聊天室，提高自己在对vue系列在项目中应用的深度。因为学会一个库或者框架容易，但要结合项目使用一个库或框架就不是那么容易了。功能虽然不多，但还是有收获。设计和实现思路较为拙劣，恳请各位道友指正。

可以达到的需求

  • 能查看在线用户列表

  • 能发送和接受消息

使用到的框架和库

  • socket.io做为实时通讯基础

  • vuex/vue：客户端Ui层使用

  • Element-ui：客户端Ui组件

类文件关系图

服务端：

客户端：