Vue異步獲取數據之前，模版語法裡的會報錯

問題描述：

今天小夥伴發現一個問題問我，使用$axios異步獲取數據{“receiver”:“1111”,“mobile”.“2222”};

獲取到數據之後賦值給firstAddr

代碼如下：

但是在還沒有執行$axios之前，就會報錯firstAddr.receiver undefined

原因：

因為渲染時那個屬性未定義，如果屬性少可以先定義，但是如果多的話就麻煩了，建議項目中的異步請求結合witch來使用

解決辦法

一、如果你想搞簡單點 把你的firstAddr:"“改成 firstAddr:{} 就不會報錯了

但更好的做法是firstAddr ：{“receiver”:”",“mobile”:""}

二、div 容器加上 v-if="firstAddr ", 通過v-if 來控制容器是否渲染，這就等於說，異步拿到firstAddr這個數據以後再去顯示對應的容器。