Vue 報錯 "TypeError: Cannot read property 'name' of undefined"

• 問題描述：

  ​ 如下圖在使用Vuejs 時常會遇到控制台報錯

  ​

• 原因分析：

  1. 拼寫錯誤，檢測錯誤地方拼寫和自己定下的data數據是否一致

  2. 數據尚未定義

  3. 異步請求獲取數據，一開始不包含該定義的數據屬性。

     例如：

     const object2 = {
     	title: ""
     }
     data() {
         return {
         	object1: {}, 
     	}
     }
     
     

     如上面的數據類型，我們在異步請求時對object1進行舒適化，使其包含object2。此時如果使用object1.object2不會報錯，但object.object2.title就會報錯。

• 解決辦法：

  ​

  ​ 第三種原因，我們可以如上圖所示在使用通過異步請求初始化數據的地方加v-if做一個判斷，確保初始化完成后使用數據。