<ul>
<li>{{book.author}}</li>
<li>{{book.publisher.name}}</li>
<li>{{book.category.name}}</li>
<li>{{book.price}}</li>
</ul>
return{
book:{ }, //問題出在這里
}
}
使用{{}}雙花括號在html頁面進行數(shù)據(jù)綁定時夷陋，從一個對象中獲取饥臂，超過兩個就報錯夺刑，如下代碼報錯提示為：
“TypeError: Cannot read property 'Name' of undefined”愉棱。
解決：
return{
book:{ //創(chuàng)建空對象
category:{},
publisher:{}
}
}
}
原因：
因為獲取服務器是異步的，所以 vue 先綁定數(shù)據(jù)还蹲。綁定數(shù)據(jù)時爹耗，你的publisher和category賦值為空對象的話，而publisher和category里面的 name屬性便為undefined谜喊，所以報"cannot read property 'name' of undefined"潭兽。
