this.$set()给对象新增属性this.$delete()删除属性

项目场景：

给对象添加属性

---

问题描述

测试数据

 test: [
        { name: '张三' }, 
        { name: '李四' }, 
        { name: '王五' }
      ],

打印结果

方法一：用this.$set()添加age属性

	this.test.forEach((item) => {
	     this.$set(item, 'age', '18')
	   })
	console.log(this.test)

打印结果

方法二：直接赋值 item.age = “3” 不会及时改变

因为Vue 会在初始化实例时进行双向数据绑定，使用Object.defineProperty()对属性遍历添加 getter/setter 方法，所以属性必须在 data 对象上存在时才能进行上述过程 ，这样才能让它是响应的。
name有get和set方法,但是在新增的age里面并没有这两个方法，因此，设置了age值后vue并不会及时自动更新视图；

删除属性

this.$delete(item,'age')