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

时间:2018-11-28 07:12:56

标签: mysql node.js vue.js graph

我这样组织,

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

数据库:MYSQL

前端:Vue.js-更新数据后,使用Mysql数据绘制并重新渲染图形。

在这种情况下,是否必须每秒检查MYSQL数据是否最新?然后我必须再次绘制图形?

或者是否有一种方法,如更新MYSQL数据时,触发特定的方法来自动呈现图形。

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

1 个答案:

答案 0 :(得分:0)

您可以做的是使用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