我正在制作一個允許用戶創建帳戶然后加入房間的網路應用程式。在房間內，他們可以點擊一個按鈕，基本上允許他們隨機選擇要送給誰的禮物。我遇到的問題是，如果所有用戶的資料庫都更新了，我如何從 vue 更新資料物件。我的意思是，如果另一個用戶加入了一個房間，新用戶擁有更新的資料物件，但在他之前的所有其他用戶將擁有過時的資料物件。所以我本質上要問的是，如果資料庫更新，vue 將如何更新資料物件。
通過資料物件，我的意思是這樣的
data() {
return {
room: { name: "room", users: [] }
}
}
update() 生命周期鉤子會這樣做嗎？或計算（）？在任何人回答之前，請記住我需要它更新到所有加入房間的用戶。
我正在使用 vue2，因為我使用的是 vuetify
uj5u.com熱心網友回復：
正如 Fatur 上面所說，通常在這種開放式游戲風格中，您加入一個房間，新用戶可以加入和離開，您需要設定網路連接（網路套接字）以不斷了解房間里的人。
由于您已經在使用 Vuetify 框架，因此您可以很容易地將Vue Native Websocket添加到您的專案中。我從未使用過它，但看起來它是一個可靠的專案，并且在非常一致的基礎上進行了更新。
我能立即想到的唯一替代方法是：每次用戶單擊按鈕贈送一個隨機用戶時，點擊房間中所有當前用戶的資料庫或 API。但同樣，用戶可以在您提出此請求時進入房間，我真的不建議這樣做。此外，如果您有多個房間，這會嚴重打擊您的資料庫或 API，這也是我不推薦這樣做的另一個原因。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/372766.html
標籤：javascript Vue.js Vuetify.js
上一篇：使用v-slot:body和v-checkbox行選擇器
下一篇：陣列中的Vue3物件無法訪問