【Vue项目练习】Error in render: “TypeError: Cannot read properties of undefined

问题

今天在做Vue2项目的时候发现自己的组件在mapGetters得到数据之后能正常动态显示在页面，但是控制台却报错，具体如下

• 在计算属性中：

  

• 在组件上：

  

• 页面显示正常：

  

• 但是控制台报错：

  

解决

我尝试在页面加载，拿数据的时候插入一些console.log

• actions：

  

• getters：

  

重新编译的时候恍然大悟：

在服务器返回数据之前我的组件已经拿到了一次getters的数据，此时为undefined，也就符合上面报错的提示，之后从服务器拿到数据之后则让页面显示正常，那么只需要简单的在getters的地方加上条件判断即可：

没有报错，问题解决