Vue.js报错"TypeError: Cannot read property 'name' of undefined"

出现该错误的原因是因为你花括号中的某些属性未定义。很有可能是因为你写错了属性名称，要么还有一种情况就是：

异步请求获取数据时，由于数据时异步获取的，所以一开始是没有该数据属性的，这种情况下也会报这种错误。

比如说我这里有一个数据info，初始值为一个空对象。{{info.supports}}是不会报错的，但是，{{info.supports.name}}这样就会报错了。这是为什么呢？

因为，info.supports已经是一个undefined了，你undefined.name就肯定会报错了。

解决方式：

如图所示：一开始是没有info.supports这个属性的，所以会报错。这里我们可以加上如上红框中的v-if做一个判断。这里只能用v-if，不能用v-show，因为v-show是将节点的display属性设置为none，实际dom节点还是存在，同样会报错。