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)