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]”

之所以我尝试为此创建函数的原因是因为我想将其用作全局函数，并且在配置数据库时如果发生任何更改，我不希望它中断。

谢谢！