vue中渲染对象中属性时显示未定义的解决

后端给的对象结构是这样的,三层嵌套 而在最开始的时候我在data中定义了一个对象(dataInfo)接受了图示所有的属性 而在template中我要渲染数据(dataInfo.clientInfo.deviceName) 然后。。。。在这里插入图片描述 未定义。。。作为一个前端菜鸡,百思不得其解。 最终在有道的帮助下,告诉我了此属性不在vue实例上 恍然大悟 只能解析在data中定义也就是vue实例上的对象子一层的东西,对于孙一层的东西就被解析成不在vue实例上的 两种解决方法: 第一: 在定义的dataInfo中定义clientInfo等八个对象 第二: 直接定义八个对象接收八个对象中的