Vue.set與vue.$set的使用

johnychen發表於2021-09-09

區別:Vue.set 可以設定例項建立之後新增的屬性,如sex,而this.$set只能設定例項建立後存在的屬性。

var sdata = {
    name:'book',
    age:'2',
    info:{
        content:'lalala'
    }
}
new Vue({
    el:"#root",//掛載點,與名為root的dom元素做繫結
    data: {
        msg:'hello Vue',
        sdata:sdata
    },
    methods:{

    },
    mounted(){
        this.$set(this.sdata,'sex','male');//使用$set給sdata新增新屬性
        console.log('a:'+this.sdata.sex);
        Vue.set(this.sdata,'sex','male');//使用set給sdata新增新屬性
        console.log('b:'+this.sdata.sex);
    }
})

結果:

圖片描述

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4301/viewspace-2823692/,如需轉載,請註明出處,否則將追究法律責任。

相關文章