json代码高亮显示插件vue-json-pretty

vue-json-pretty的用法

vue-json-pretty是用来格式化展示json数据的

GitHub ： vue-json-pretty的详细用法

用法

1. npm下载

npm install vue-json-pretty --save

2. 引入

import VueJsonPretty from 'vue-json-pretty';
import 'vue-json-pretty/lib/styles.css';

3. 注册组建

export default {
  components: {
    VueJsonPretty,
  },
};

4. 使用

<template>
  <div>
    //data可以是请求后端返回的数据
    <vue-json-pretty :path="'res'" :data="{ key: 'value' }" > </vue-json-pretty>
  </div>
</template>
<script>
  import VueJsonPretty from 'vue-json-pretty';