當(dāng)項(xiàng)目中擁有vuex狀態(tài)管理，再使用WebSocket 時(shí)，會(huì)發(fā)現(xiàn)監(jiān)聽實(shí)時(shí)數(shù)據(jù)十分得心應(yīng)手。以下聊一聊二者的結(jié)合使用；

socket.js

在此文件中建立websocket連接，并暴露出去。

接下圖

接上圖

創(chuàng)建websocket連接后，在main.js中，將數(shù)據(jù)用vuex保存起來(lái)。

main.js中

引入

switch中根據(jù)收到不同的socket ation頭去執(zhí)行不同的保存

如第一個(gè)：

通過(guò)vuex保存socket數(shù)據(jù)，又可以在收到實(shí)時(shí)數(shù)據(jù)時(shí)，進(jìn)行相應(yīng)的保存和修改。

在頁(yè)面中可以通過(guò)監(jiān)聽store中保存的值來(lái)實(shí)時(shí)顯示與變化。