vue将json转成array

在Vue中，你可以使用`Object.keys()`和`Array.map()`方法来将JSON对象转换为数组。下面是一个示例代码：

data() {
  return {
    jsonData: {
      id: 1,
      name: 'Apple',
      price: 10
    },
    jsonArray: []
  };
},
mounted() {
  this.jsonArray = Object.keys(this.jsonData).map(key => {
    return { key, value: this.jsonData[key] };
  });
}

在上述代码中，我们定义了一个`jsonData`对象和一个空的`jsonArray`数组。在`mounted`钩子函数中，我们使用`Object.keys()`方法获取`jsonData`对象的所有属性名，并使用`Array.map()`方法将每个属性名和对应的属性值构建成一个新的对象，然后将这个新对象添加到`jsonArray`数组中。

最终，`jsonArray`数组中的元素将会是这样的结构：

[
  { key: 'id', value: 1 },
  { key: 'name', value: 'Apple' },
  { key: 'price', value: 10 }
]

这样就完成了将JSON对象转换为数组的操作。你可以根据需要对转换后的数组进行进一步的处理和展示。