在Vue应用中，由于Vuex的数据是异步的，可能导致页面初始化时因数据未加载完而报错。本文提出了三种解决方案：1) 使用`watch`和`mounted`初始化并监听数据；2) 在`computed`属性中赋值并做非空判断；3) 利用拓展运算符确保值存在。这些方法有助于避免因Vuex异步数据问题引发的错误。
当使用vue做登录的时候，我们会把拿到的部分用户信息存在vuex+cookie中，我们知道，vuex的数据是会随着浏览器刷新而丢失的，此时我们会重新请求接口对vuex的数据进行再次赋值，如下
当有cookie但是vuex没有数据的时候再次请求赋值
state
mutation
vuex的数据是异步的，当我们页面需要直接拿vuex的值进行渲染的时候，初始化瞬间(即请求过程进行的时候)，vuex是没有这个值的，如何解决这个问题，暂时总结了三种方法，希望有遇到的大佬进行补充和查错：
1.通过watch和mouted监听并且初始化vuex数据
在mounted的时候初始化该数据 并且watch该数据(不推荐)
2.在computed赋值该数据 并且在dom渲染的时候做非空的判断
或者：
3.使用拓展运算符
以上这篇解决vuex数据异步造成初始化的时候没值报错问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。
本文标题: 解决vuex数据异步造成初始化的时候没值报错问题
本文地址: http://www.cppcns.com/wangluo/javascript/286007.html
扫一扫
1214
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
