vue中vue.set有哪些參數

這篇文章將為大家詳細講解有關vue中vue.set有哪些參數，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

目前成都創(chuàng)新互聯(lián)公司已為近1000家的企業(yè)提供了網站建設、域名、網絡空間、網站運營、企業(yè)網站設計、安遠網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

vue中vue.set有3個參數，分別是：1、target，表示要更改的數據源；2、key，表示要更改的具體數據；3、value，表示重新賦的值。

Vue.set()

Vue.set( target, key, value )

參數：

官方API：Vue.set()

Vue.set的使用




    
    



    
        {{item.message}}
    
    動態(tài)賦值
    
    為data新增屬性

此時頁面是這樣

vue中vue.set有哪些參數

我點擊第一個按鈕后運行methods中的btn2Clcick方法，此時我要將Test one更改為Change Test

vue中vue.set有哪些參數

運行后的結果：此時列表中第一列的Test one已經變成了Change Test

vue中vue.set有哪些參數

這里得警惕一種情況：

當寫慣了JS之后，有可能我會想改數組中某個下標的中的數據我直接this.items[XX]就改了，如：

btn2Click:function(){
  this.items[0]={message:"Change Test",id:'10'}
}

我們來看看結果：

vue中vue.set有哪些參數

這種情況，是Vue文檔中明確指出的注意事項，由于 JavaScript 的限制，Vue 不能檢測出數據的改變，所以當我們需要動態(tài)改變數據的時候，Vue.set()完全可以滿足我們的需求。

仔細看的同學會問了，這不是還有一個按鈕嗎，有什么用？

我們還是直接看：

vue中vue.set有哪些參數

這是初始的列表數據，數據里面有三個對象

點擊之后：

vue中vue.set有哪些參數

這里可以看出，Vue.set()不光能修改數據，還能添加數據，彌補了Vue數組變異方法的不足

Tip:Vue.set()在methods中也可以寫成this.$set()

關于vue中vue.set有哪些參數就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

當前名稱：vue中vue.set有哪些參數
文章網址：http://m.jiaotiyi.com/article/jhsocj.html

網站建設知識