Vue中的this.$set()


當我按下play,穿梭在大街小巷,沒什么不對,每個人都會只是你自己在束縛自己。快來做個一等一的player,要求自己不能夠太普通一定必須要去做點成就。

這東西是干什么的?主要作用是什么?瀏覽了朋友的博客后發現的作用

官方文檔:https://cn.vuejs.org/v2/api/#Vue-set

舉一個簡單的例子:

data () {
    return {
        student: {
            name: '',
            age: ''
        }
    }
},
mounted () {
    this.student.age = 24
}

眾所周知,直接給student賦值操作,雖然可以新增屬性,但是不會觸發視圖( 頁面 )更新
原因是:vue.js的屬性必須在 data 對象上才能讓 Vue.js 轉換它,才能讓它是響應的。這里就可以使用this.$set了

this.$set()的正確寫法和使用

mounted () {
    this.$set(this.student,"age", 24)
}
第一個參數:改變的對象
第二個參數:改變的對象中的屬性
第三個參數:改變的屬性值


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM