vue中的$set

當生成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的詳細說明

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 在我們使用vue進行開發(fā)的過程中，可能會遇到一種情況：當生成vue實例后，當再次給數據賦值時，有時候并不會自動更新...
    e_payne閱讀 23,579評論 17贊 5
  • Vue.set()在methods中也可以寫成this.$set() 這個組件最后顯示的界面如下： 當點擊按鈕之后...
    wxyzcctn閱讀 3,578評論 0贊 4
  • 在對于一個快30歲的女人還沒有找到自己得歸屬的時候，是一件多么可悲的事情，在家人的安排下，一次次的相親，又一...
    夏季茉的花閱讀 627評論 0贊 0
  • 1.Linux 2.MySQL 3.Hadoop 4.Hadoop常用操作 問題:使用MapReduce實現(xiàn)joi...
    CrUelAnGElPG閱讀 415評論 0贊 0
  • 斜陽在云端洶涌 野草在風中凌亂 遠處的房子 近處的湖面 變幻的光線 畫面太美 猶如此刻 喜悅又憂傷的心情
    桃花6652閱讀 296評論 0贊 5