JS操作对象属性（获取、添加、删除、修改对象属性)；给data对象新增属性，并触发视图更新-this.$set()；

本文链接：https://blog.csdn.net/Sunny_lxm/article/details/92760795

this.$set(this.data,”key”,value’)

给 i 这个i:{ "color": "#7b2aaa", "value": "1", "content": "{{productType.DATA}}"}添加一个键值对

this.$set(i,'colorShow',false);//自定义添加字段--颜色box的显示和隐藏

执行this.$set(i,'colorShow',false)

结果：i:{ "color": "#7b2aaa", "value": "1", "content": "{{productType.DATA}}", "colorShow": false}

使用 Object.defineProperty
使用 Object.defineProperty() 函数可以为对象添加属性，或者修改现有属性。如果指定的属性名在对象中不存在，则执行添加操作；如果在对象中存在同名属性，则执行修改操作。

Object.defineProperty(object, propertyname, descriptor);

参数说明如下：
object：指定要添加或修改属性的对象，可以是 JavaScript 对象或者 DOM 对象。
propertyname：表示属性名的字符串。
descriptor：定义属性的描述符，包括对数据属性或访问器属性。

Object.defineProperty 返回值为已修改的对象。

示例:下面示例先定义一个对象直接量 obj，然后使用 Object.defineProperty() 函数为 obj 对象定义属性，属性名为 x，值为 1，可写、可枚举、可修改特性。

//添加key
var obj = {};
Object.defineProperty(obj, "x", {
    value : 1,
    writable : true,
    enumerable : true,
    configurable : true
});
console.log(obj.x);  //1


//修改object的key值
let a = {a:'1',b:'2'};
let test = Object.defineProperty(a,"b",{value:'text'});

//console.info(test); {a: "1", b: "text"}