vue中展示json的组件

Vue中展示JSON的组件可以使用`<pre>`标签来展示JSON格式的数据，然后使用`JSON.stringify()`方法将JSON对象转换为字符串格式。下面是一个简单的Vue组件，用于展示JSON数据：

<template>
  <pre>{{jsonData}}</pre>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
      required: true
    }
  },
  computed: {
    jsonData() {
      return JSON.stringify(this.data, null, 2)
    }
  }
}
</script>

在上面的代码中，我们定义了一个名为`jsonData`的计算属性，它将`data`属性中的JSON对象转换为格式化后的字符串，并使用`<pre>`标签将其展示出来。我们还使用了Vue的props属性来定义了一个名为`data`的属性，它是必需的，类型为对象。这样，我们就可以在父组件中传入一个JSON对象，然后在子组件中展示出来了。