vue里嵌套对象渲染报错的解决方法

在页面渲染时，我的数据是嵌套的对象，如下图：

页面运行时可以正常显示，可是可以看到控制台还是会报错，如下图：

最后发现只需在页面显示时加一个判断就不会再报错了，如下图：

具体是什么原因导致的呢?
我们可以试试，在mounted里面去打印这个对象，会发现打印出来是空的，这也就是页面加载的时候，数据还没有传过来，但是这时候我们已经开始在使用了，所以会报undefined的错误，当数据的值传过来的时候，页面找到这个数据，并渲染上去，所以我们看到的页面又是正常了。因此，我们加上一个判断，当数据没有拿到时，页面不会去渲染，等拿到数据后页面再渲染，此时我们看到页面显示正确，同时又不会报错了。
————————————————
版权声明：本文为CSDN博主「wendycwb」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/sinat_41200024/article/details/85765315