Vue.js发生变化时，重新加载表的数据

Question

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

Answer 1

如果您是通过MongoDB实现的，则可以使用“更改流”

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

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

另一种方法是让setInterval例如在vue.js中每5秒更新一次数据。