TypeError: Cannot read property ‘xxx‘ of null（vuex数据)

问题

当我们使用vuex数据进行渲染的时候，有概率在渲染数据的时候显示某属性为null，数据是从接口获取的，绝对存在该数据，但是获取出来的时候却会显示报错为null，但是渲染却没有问题

解决方法

添加v-if判断，当user确定有数据时才渲染dom。
ps: v-show不行

原因

当我们从vuex异步获取数据的时候，数据不是立即赋值，而是先声明，而DOM渲染的时候，可以获取到最初定义的user，但是user为一个空对象，user里面的属性暂时未被赋值，这时候读取user对象上的info属性为空值，就会造成报错，但是这个瞬间时很短暂的，所以我们可以看到正常的数据渲染在页面上，但还是会报错，这时候我们在外边添加一层判断，当数据未被赋值的时候，不进行读取数据，这样就可以避免报错。