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