Vue.set()触发视图更新

向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性

什么意思呢?

举个栗子.jpg
data () {
    return {
        student: {
            name: 'LL',
            sex: 'XX'
        }
    }
}

给student加一个属性身高:

mounted () {
    this.student.height = 180
}

这样呢可以新增属性,但是,不会触发视图的更新,所以需要这么写:

mounted () {
    this.$set(this.student,"age", 24)
}

官网https://cn.vuejs.org/v2/api/#Vue-set

推荐阅读更多精彩内容