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

可以達(dá)到的需求

  • 能查看在線用戶列表

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

使用到的框架和庫(kù)

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

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

  • Element-ui：客戶端Ui組件

類文件關(guān)系圖

服務(wù)端：

客戶端：