javascript - Vue.Js 使用从获取的 api 数据中获取的函数设置 data() obj 中的所有键

Question

我在 vue.js 中有一个产品组件。

data() {} 中的所有 json 都是从 api 获取的

我希望能够从获取的 json 中自动设置每个键

我正在努力实现

data() {
  return {
    id: "1",
    sku: "g500",
    brand: "gildan"
  }
}

而不是这个

data() {
  return {
    product: {
      id: "1",
      sku: "g500",
      brand: "gildan"
    }
  }
}

我用来设置数据的 vue.js 方法看起来与此类似......（实际上数据对象有更多的键）

setData(product) {
  this.id = product.id;
  this.brand = product.brand;
  this.sku = product.sku;
}

有没有一种方法可以让我不必列出每个“this.[key]”

我试图为此创建一个函数的原因是因为我想将它用作全局函数，并且我不希望它在我配置数据库时发生任何变化时中断。

谢谢！！！

标签： javascriptvue.jsmethodsglobal-functions