在vue中更新mysql数据时如何呈现图形?

deikduxw  于 2021-06-17  发布在  Mysql
关注(0)|答案(1)|浏览(433)

我是这样组织的,
后端:nodejs-定期向mysql插入数据。
数据库:mysql

前端:vue.js-在更新数据时使用mysql数据绘制并重新呈现图形。

在这种情况下,我是否必须每秒检查一个mysql数据是否是最新的?然后我必须再次渲染一个图形?
或者有没有一种方法,比如当mysql数据被更新时,触发一个特定的方法来重新呈现一个图(自动)。
我更喜欢第二种方式,但我不知道这是可能的。有人能给我一个建议吗?或者举例?

kqhtkvqz

kqhtkvqz1#

您可以使用socket.io来完成此操作。在node.js中更新数据库的那一刻,也会通过套接字发送通知或数据,通知vue.js应用程序需要加载新数据或直接将数据提供给它。
我在vue.js和node.js的设置中使用了以下npm包:

Vue: socket.io-client  
 Node: socket.io

当我遇到一个类似的问题时,我跟踪了这两个站点,以便了解套接字的用法:
https://socket.io/get-started/chat/#introduction
https://medium.com/@jaouad_45834/basic-chat-web-app-using-express-js-vue-js-socket-io-429588e841f0

相关问题