vue響應式資料更新，解決方案

問題：剛學習vue的人可能會遇到這樣一種情況，那就是當我們把屬性在data中定義，介面非同步請求到資料，並且把值賦值到我們在data中定義的值上，但是dom卻沒有更新，這時候我們可能就在想，為什麼了？是不是vue有問題啊，媽的，vue有毛病吧。

>
}<
/h2>
<
/div>
data:},
created()
)}

vue的響應式是不完美的，它僅僅只能觀測到object資料的取值及設定值，當我們向object資料裡新增一對新的key/value或刪除一對已有的key/value時，它是無法觀測到的，導致當我們對object資料新增或刪除值時，無法通知依賴，無法驅動檢視進行響應式更新。

解決方法

1、在請求介面得到資料後，把data值再度賦值為空。

>
}<
/h2>
<
/div>
data:},
created()
;this
.data.value = res;})
}

原理：因為vue的dom更新是非同步的，即當setter操作發生後，指令並不會立馬更新，指令的更新操作會有乙個延遲，當指令更新真正執行的時候，此時.value屬性已經賦值，所以指令更新模板時得到的是新值。

2、vue.$set

通過set方法可以將新增乙個具備響應式特性的屬性，並且其子屬性也具備響應式特性，但是必須是新屬性才可以，如果是本身已有的屬性該方法是不起作用的。

>
}<
/h2>
<
/div>
data:},
created()
)}