Vue报错："TypeError: Cannot read pr

  <ul>
        <li>{{book.author}}</li>
        <li>{{book.publisher.name}}</li>
        <li>{{book.category.name}}</li>
        <li>{{book.price}}</li>
    </ul>

       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"。