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

  

        
{{book.author}}
        
{{book.publisher.name}}
        
{{book.category.name}}
        
{{book.price}}
    

       return{
           book:{ }, //问题出在这里 
       }
   }

使用{{}}双花括号在html页面进行数据绑定时，从一个对象中获取，超过两个就报错，如下代码报错提示为：
“TypeError: Cannot read property 'Name' of undefined”。

解决：

       return{
           book:{ //创建空对象
               category:{},
               publisher:{} 
           }
       }
   }

原因：
因为获取服务器是异步的，所以 vue 先绑定数据。绑定数据时，你的publisher和category赋值为空对象的话，而publisher和category里面的 name属性便为undefined，所以报"cannot read property 'name' of undefined"。