vue-json-view:一个用于展示json文件的vue组件

时间:2024-05-23 11:01:08
【文件属性】:

文件名称:vue-json-view:一个用于展示json文件的vue组件

文件大小:474KB

文件格式:ZIP

更新时间:2024-05-23 11:01:08

Vue

开发背景: 项目开发过程中遇到展示json的场景,且json文件体积过大,小则几百kb,也尝试了已经开源的部分组件,但由于节点过多,渲染速度过慢,无法使用,已有项目技术选型为vue,无法再使用react相关技术,所以考虑自己开发一款。 开发过程中参考了react-json-view部分api,组件实现的功能比较基础,但满足基本业务场景,也提供了一些可选配置。 即使加载1M左右的json文时,也能实现快速打开 1.查看示例 git clone https://github.com/zhaoxuhui1122/vue-json-view.git npm i npm run dev 或 直接双击index.html 2.在项目中使用 npm i -S vue-json-views // 注意是 views import jsonView from 'vue-json-views' 或 直接将


【文件预览】:
vue-json-view-master
----.gitignore(161B)
----.babelrc(191B)
----.jsbeautifyrc(52B)
----mock()
--------mock.json(47KB)
----package.json(2KB)
----src()
--------main.js(98B)
--------index.js(70B)
--------App.vue(5KB)
--------json-view()
----webpack.config.js(2KB)
----build()
--------index.js(15KB)
--------index.js.map(87KB)
----dist()
--------build.js.map(1.07MB)
--------build.js(188KB)
----LICENSE(1KB)
----index.js(132KB)
----static()
--------after.jpeg(25KB)
--------before.jpeg(18KB)
----.eslintrc.js(555B)
----README.md(3KB)
----index.html(208B)
----.eslintgnore(30B)
----test()
--------jsonview.test.js(3KB)
----.editorconfig(151B)

网友评论