當生成vue實例后,當再次給數據賦值時,有時候并不會自動更新到視圖上去;
(如果在實例創(chuàng)建之后添加新的屬性到實例上,它不會觸發(fā)視圖更新。)
原因是:
受 ES5 的限制,Vue.js 不能檢測到對象屬性的添加或刪除。因為 Vue.js 在初始化實例時將屬性轉為 getter/setter,所以屬性必須在 data 對象上才能讓 Vue.js 轉換它,才能讓它是響應的。
所以我們可以使用$set方法 這樣可以做到既新增屬性又做到視圖更新
1.通過Vue.set方法設置data屬性
Vue.set(data,'sex', '男')
2.或者是使用this.$set(this.data,”key”,value’)
https://cn.vuejs.org/v2/api/#Vue-set
(vue.js官網)里面有vue.set的詳細說明