vue生命周期和vuex数据调用

Question

之前把数据存储在了vuex，在某页面中获取

数据等一切正常现实，但是会报错

我的猜测是 当页面渲染的时候，一开始cpmputed 还没有getter到数据，所以这时候赋值的时候找不到对应的属性，后面computed 动态的取到值之后就渲染了。

然后我在mounted中调用方法获取赋值，但是还是报这个错误。现在没有思路了，求给支个招。

Answer 1

userInfo && userInfo.username

Answer 2

userInfo给个默认值{}

Answer 3

将vueX中的userInfo赋值给data中的变量

Answer 4

data () {
  return {
    userInfo: {}
  }
}

添加时用data，修改时用getter

Answer 5

直接给

    <div class="head" v-if="userInfo">...</div>

价格判断就行啦