在Vue中更新Mysql数据时,如何呈现图形?

在Vue中更新Mysql数据时,如何呈现图形?,mysql,node.js,vue.js,graph,Mysql,Node.js,Vue.js,Graph,我是这样组织的, 后端:Nodejs-定期向MYSQL插入数据 DB:MYSQL 前端:Vue.js-在数据更新时使用Mysql数据绘制并重新渲染图形。 在这种情况下,我是否必须每秒检查一个MYSQL数据是否是最新的?然后我必须再次渲染一个图形 或者有没有一种方法,比如当MYSQL数据更新时,触发一个特定的方法(自动)重新呈现一个图 不过我更喜欢第二种方式,我不知道这是可能的。 有人能给我一个建议吗?还是举个例子 您可以使用socket.io进行此操作。在Node.js中更新数据库时,还可以通过

我是这样组织的,

后端:Nodejs-定期向MYSQL插入数据

DB:MYSQL

前端:Vue.js-在数据更新时使用Mysql数据绘制并重新渲染图形。 在这种情况下,我是否必须每秒检查一个MYSQL数据是否是最新的?然后我必须再次渲染一个图形

或者有没有一种方法,比如当MYSQL数据更新时,触发一个特定的方法(自动)重新呈现一个图

不过我更喜欢第二种方式,我不知道这是可能的。
有人能给我一个建议吗?还是举个例子

您可以使用socket.io进行此操作。在Node.js中更新数据库时,还可以通过套接字发送通知或数据,通知Vue.js应用程序需要加载新数据或直接向其提供数据

我在Vue.js和Node.js的设置中使用了以下npm包:

 Vue: socket.io-client  
 Node: socket.io
当我遇到类似的问题时,我遵循了这两个站点,以获得套接字的窍门: