如 obj.b 屬性已經成功添加,但是視圖並未刷新。
原因在於在Vue實例創建時, obj.b 並未聲明,因此就沒有被Vue轉換為響應式的屬性,自然就不會觸發視圖的更新,這時就需要使用Vue的全局api—— $set():
-
addObjB () {
-
// this.obj.b = 'obj.b'
-
this.$set(this.obj, 'b', 'obj.b')
-
console.log(this.obj)
-
}
$set() 方法相當於手動的去把 obj.b 處理成一個響應式的屬性,此時視圖也會跟着改變了:
