vue 对象里面的属性更新视图

Vue

给对象添加，删除，修改属性，强制渲染

第一种值和视图都改变的方式

this.$set(this.obj,'age',30)

第二个种更直接更暴力的渲染视图的方式

this.obj.age = 30;

this.$forceUpdate();

\

第一种删除对象里面的属性更新视图的方式

delete this.obj.age;

this.$forceUpdate();

第二种删除对象里面的属性并更新视图的方式（$delete 第一个参数是 目标对象 第二个参数是 具体的key

要使用字符串）

this.$delete(this.obj,'age')

\

第一种添加对象里面的属性更新视图的方式

this.$set(this.list[0],'car2','benchi')

第二种

this.$set(this.list,0,{car:this.list[0].car,car2:'benchi'})

第三种

 this.list[0].car2 = 'benchi'

 this.$forceUpdate();

循环添加渲染

this.arr.forEach(r=>{

                       this.$set(r,'age',30)

                    })

                },

删除对象的某一个属性

this.$delete(this.arr[i],'name')

删除数组的一个对象

this.arr.splice(i,1);

this.$forceUpdate();