vue-响应式原理

​​vue的官方文档介绍​​

 Vue 不能检测到  对象属性 的添加或删除

var vm = new Vue{
    el: "#app",
    data:{
        obj:{
            name: "aaa"            
        }
    }
}

有三个解决办法：

1、方案一：利用Vue.set(object,key,value)

Vue.set(vm.obj,"sex","man")

2、方案二：利用this.$set(this.object,key,value)

this.$set(this.obj,"sex","man")

3、方案三：利用Object.assign({},this.obj)

this.obj.sex = "man";
this.obj = Object.assign({},this.obj)