VUE-动态生成JS对象属性名和属性值

编码中有时候会遇到一些特殊情况，需要将前端的一个对象序列化后传到后端进行解析，但是JS对象的属性名无法确定，需要根据数据动态生成

代码：

let obj = {} //初始化js对象
//this.data为动态生成对象的数据源，格式为[{key:xxx,value:xxx}]
for (let i=0;i<this.data.length;i++){
   if(this.data[i].value===undefined){
     this.$message.error("此处都为必填项");
     return
   }
   this.$set(obj ,this.data[i].key,this.data[i].value)
 }

核心：

//vue的实例方法
//作用：向响应式对象/数组中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新

//参数要求：target(更新的数据源), propertyName/index(属性名/下标),value(更新的值))
this.$set(target,propertyName/index,value)