项目开发过程遇到这样的需求，就是在页面上需要对后端返回的json数据进行格式化显示，用到了一个插件：vue-json-viewer，这是官方文档https://www.npmjs.com/package/vue-json-viewer。
（1）安装

npm install vue-json-viewer --save

（2）组件中引入

import JsonViewer from 'vue-json-viewer'

注册组件

components:{
   JsonViewer
 },

（3）具体用法：

<json-viewer :value="result" closed="true"
            theme="my-awesome-json-theme" :expand-depth="1" icon-style copyable boxed sort="true"
            :preview-mode="false"></json-viewer>

这里你想要展示什么数据，和value进行一个双向绑定，就可以和后端进行交互了，其他的参数官方文档有详细的说明，在这里我就说说我遇到的问题：

真正的效果图如上图所示，我第一次使用的时候，红色标记的箭头显示不出来，因为后端的json数据有些长，我找了半天也没找到问题找到什么原因，网上的文档也是一笔带过，原因就是
这个参数:preview-mode="false"应该是false，和黑色三角箭头有关的是preview-mode。其他参数具体信息大家可以看看官方文档，很详细。