如何用Vue3结合Vuex实现页面数据实时更新功能的详细教程？

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

目录+前言

1.项目引入Vue

2.引入Vuex

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，用的是定时器模拟定时发送数据。