如何通过Vue3和Vuex的setup语法实现页面数据实时更新教程？

本文共计852个文字，预计阅读时间需要4分钟。

目录前言

1.项目引入vue

2.引入main.js

3.创建store文件夹

3.在传输数据的页面引入vuex (api.js)

4.渲染页面

总结前言我在项目中使用ws获取数据，由于数据是不断更新的，vue页面只更新一次。

目录

• 前言
• 1.项目引入vue
• 2.main.js引入vuex
• 3.新建store文件夹
• 3.在传输数据的页面引入vuex (api.js)
• 4.渲染页面
• 总结

前言

我项目中使用ws获取数据，因为数据是不断更新的，vue页面只更新一次就不更新了，然后暂时只能想到vuex来保存更新状态，页面监听数据实现实时更新。下面是我测试时用的数据，没有用ws，用的是定时器模拟定时发送数据。