vue + vuex + elementUi + socket.io實現(xiàn)一個簡易的在線聊天室，提高自己在對vue系列在項目中應(yīng)用的深度。因為學(xué)會一個庫或者框架容易，但要結(jié)合項目使用一個庫或框架就不是那么容易了。功能雖然不多，但還是有收獲。設(shè)計和實現(xiàn)思路較為拙劣，懇請各位道友指正。

可以達到的需求

  • 能查看在線用戶列表

  • 能發(fā)送和接受消息

使用到的框架和庫

  • socket.io做為實時通訊基礎(chǔ)

  • vuex/vue：客戶端Ui層使用

  • Element-ui：客戶端Ui組件

類文件關(guān)系圖

服務(wù)端：

客戶端：