Vuejs发生变化时重新加载表的数据

Question

我有一个带有 vuejs + laravel 的基本 CRUD 页面。我打开 2 个选项卡：1 个选项卡是列表页面，1 个选项卡是创建页面。在创建页面添加新记录时，列表页面如何自动重新加载新添加的数据而不重新加载页面？

Answer 1

如果您使用 MongoDB 制作，则可以使用“更改流”

https://docs.mongodb.com/manual/changeStreams/

您可以将它与 socket.io 结合使用。每当您的数据库中的数据发生更改时，您都会发送一个 socket.io 事件，其中包含添加、删除或更新的数据到您的客户端、您的 vue 应用程序

另一种方法是使用setInterval 来更新 vue.js 中的数据，例如每 5 秒更新一次。