Vue格式化预览展示json组件

您可以使用 Vue 的内置组件 `<pre>` 和 JSON.stringify() 方法来预览展示 JSON 数据。以下是一个简单的示例：

<template>
  <div>
    <pre>{{ formattedJson }}</pre>
  </div>
</template>

<script>
export default {
  data() {
    return {
      jsonData: {
        name: "John",
        age: 30,
        city: "New York"
      }
    };
  },
  computed: {
    formattedJson() {
      return JSON.stringify(this.jsonData, null, 2);
    }
  }
};
</script>

在上面的示例中，我们使用了 `<pre>` 标签来展示 JSON 数据，并且在 computed 属性中使用 JSON.stringify() 方法将 JSON 数据格式化为易于阅读的形式。第二个参数 `null` 表示不使用任何替代器，第三个参数 `2` 表示缩进级别为 2。

希望这能帮到您！