Estoy creando una aplicación web que permite a los usuarios crear una cuenta y luego unirse a una sala. Dentro de la habitación, pueden hacer clic en un botón y esencialmente les permite elegir a quién le darán un regalo al azar. El problema que tengo es cómo actualizo un objeto de datos de vue si la base de datos se actualiza para todos los usuarios. Lo que quiero decir es que si otro usuario se unió a una sala, el nuevo usuario tiene el objeto de datos actualizado, pero todos los demás usuarios que vinieron antes que él tendrán el objeto de datos obsoleto. Entonces, lo que esencialmente estoy preguntando es cómo actualizaría un objeto de datos si la base de datos se actualiza.
Y por objeto de datos me refiero a algo como esto
data() { return { room: { name: "room", users: [] } } }¿El gancho del ciclo de vida update() hace eso? o calculado ()? Y antes de que alguien responda, recuerde que necesito que se actualice a TODOS los usuarios que se unieron a la sala.
Estoy usando vue2 ya que estoy usando vuetify
Como dijo Fatur anteriormente, normalmente con un estilo de juego abierto como este en el que te unes a una sala y los nuevos usuarios pueden unirse y salir, querrás configurar una conexiónweb (enchufe web) para estar constantemente al tanto de quién está en la sala.
Dado que ya está utilizando el marco Vuetify, probablemente podría agregar Vue Native Websocket a su proyecto con bastante facilidad. Nunca lo he usado, pero parece que es un proyecto sólido que se actualiza de manera bastante consistente.
La única alternativa a esto que se me ocurre de inmediato sería: cada vez que el usuario haga clic en el botón para regalar a un usuario aleatorio, presione la base de datos o la API para todos los usuarios actuales en la sala. Pero nuevamente, los usuarios podrían ingresar a la sala mientras realiza esta solicitud, y realmente no lo recomiendo. Además, esto dañaría bastante su base de datos o API si tiene varias salas, que es otra razón por la que no lo recomiendo .