vue json格式化组件

Vue有很多第三方组件可以用来格式化JSON数据，下面是几个常用的：

1. vue-json-pretty：一个简单易用的JSON格式化组件。你可以在Vue项目中安装并使用它。

   npm install vue-json-pretty

使用示例：

   <template>
     <div>
       <json-pretty :json="jsonData"></json-pretty>
     </div>
   </template>

   <script>
   import JsonPretty from 'vue-json-pretty';
   import 'vue-json-pretty/lib/styles.css';

   export default {
     components: {
       JsonPretty
     },
     data() {
       return {
         jsonData: { "name": "John", "age": 30, "city": "New York" }
       }
     }
   }
   </script>

2. vue-json-tree：一个展示JSON数据为树形结构的组件。

   npm install vue-json-tree

使用示例：

   <template>
     <div>
       <json-tree :source="jsonData"></json-tree>
     </div>
   </template>

   <script>
   import JsonTree from 'vue-json-tree';

   export default {
     components: {
       JsonTree
     },
     data() {
       return {
         jsonData: { "name": "John", "age": 30, "city": "New York" }
       }
     }
   }
   </script>

以上是两个常见的JSON格式化组件，你可以根据自己的需求选择适合的组件来使用。希望对你有帮助！如果还有其他问题，请继续提问。