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