🌐
npm
npmjs.com › package › vue-json-pretty
vue-json-pretty - npm
A Vue component for rendering JSON data as a tree structure. Now it supports Vue3 at least.
      » npm install vue-json-pretty
    
Published   Oct 28, 2025
Version   2.6.0
Author   leezng
🌐
GitHub
github.com › leezng › vue-json-pretty
GitHub - leezng/vue-json-pretty: A JSON tree view component that is easy to use and also supports data selection.
A Vue component for rendering JSON data as a tree structure. Now it supports Vue3 at least.
Starred by 1.4K users
Forked by 141 users
Languages   JavaScript 55.2% | TypeScript 26.3% | Vue 12.8% | Less 4.3% | HTML 1.4% | JavaScript 55.2% | TypeScript 26.3% | Vue 12.8% | Less 4.3% | HTML 1.4%
🌐
GitHub
github.com › leezng › vue-json-pretty › releases
Releases · leezng/vue-json-pretty
feat: support collapsedNodeLength for Vue3 by @boukadam in #260 · fix: Line numbers are included when selecting JSON content in the view #256 · Full Changelog: v2.2.4...v2.3.0 · boukadam · Assets 2 · Loading · There was an error while loading. Please reload this page. 12 Dec 06:26 · leezng · v1.9.5 · 515fe3b · Compare · Filter · Loading · There was an error while loading. Please reload this page. View all tags · 1.9.5 · feat: support collapsedNodeLength for vue2 by @boukadam in #259 ·
Author   leezng
🌐
Leezng
leezng.github.io › vue-json-pretty
vue-json-pretty
Leezng (Daniel) · 博客 开源项目 关于我
🌐
CodeSandbox
codesandbox.io › s › vue-json-pretty-vue3-96jssd
vue-json-pretty-vue3 - CodeSandbox
August 8, 2023 - Use vue-json-pretty at vue3
Published   Mar 29, 2022
Author   leezng
🌐
Made with Vue.js
madewithvuejs.com › vue-json-pretty
Vue JSON Pretty - JSON Tree View Component - Made with Vue.js
April 2, 2024 - "Vue JSON Pretty is a JSON tree view component that is easy to use and also supports data selection.
🌐
SourceForge
sourceforge.net › projects › vue-json-pretty.mirror
Vue Json Pretty download | SourceForge.net
Now it supports Vue3 at least · See All Activity > JSON · MIT License · Vue Json Pretty Web Site · Other Useful Business Software · Build on Google Cloud with $300 in Free Credit · New to Google Cloud? Get $300 in free credit to explore Compute Engine, BigQuery, Cloud Run, Vertex AI, and 150+ other products.
🌐
npm
npmjs.com › package › @hirect › vue-json-pretty
@hirect/vue-json-pretty - npm
A Vue component for rendering JSON data as a tree structure. Now it supports Vue3 at least.
      » npm install @hirect/vue-json-pretty
    
Published   Mar 25, 2022
Version   1.0.0
Author   leezng
Find elsewhere
🌐
Vue Script
vuescript.com › home › 7 best json viewer libraries for vue.js applications (2026 update)
7 Best JSON Viewer Libraries For Vue.js Applications (2026 Update) - Vue Script
December 29, 2025 - A simple and user-friendly JSON viewer for Vue 3 and Vue 2. Supports server side rendering. ... Simple and easy-to-use json content display component suitable for vue3 and vite.
🌐
Medium
medium.com › @anilkumarthakur60 › building-better-json-visualization-in-vue-3-d876310d03b0
Building Better JSON Visualization in Vue 3 | by Anil Kumar Thakur | Medium
October 23, 2024 - When working with complex data structures in JavaScript applications, especially JSON objects, it’s crucial to have a tool that helps visualize the data clearly. If you’re building a Vue 3 application and looking for a robust way to display your JSON data, the @anilkumarthakur/vue3-json-viewer ...
🌐
JSON Formatter
jsonformatter.org › vue-formatter
Vue JS Formatter and Vue JS Beautifier free and easy to use
Secure Vue JS Formatter. It's free and easy to use and formatter and Vue Beautifier also Support Vue File and URL.
🌐
GitHub
github.com › leezng › vue-json-pretty › blob › dev › package.json
vue-json-pretty/package.json at dev · leezng/vue-json-pretty
"name": "vue-json-pretty", "version": "2.2.3", "description": "A JSON tree view component that is easy to use and also supports data selection.", "author": "leezng <im.leezng@gmail.com>", "main": "lib/vue-json-pretty.js", "module": ...
Author   leezng
🌐
npm
npmjs.com › package › @kyuda › vue-json-pretty
@kyuda/vue-json-pretty - npm
A Vue component for rendering JSON data as a tree structure. Now it supports Vue3 at least.
      » npm install @kyuda/vue-json-pretty
    
Published   Mar 22, 2024
Version   2.0.1
Author   leezng
🌐
npm
npmjs.com › package › @souljorje › vue-json-pretty
@souljorje/vue-json-pretty - npm
Use Vue3, see master. ... As a JSON Formatter. Get item data from JSON. Support big data. Modern browsers, Electron and Internet Explorer 11 (with polyfills) ... The CSS file is included separately and needs to be imported manually. You can either import CSS globally in your app (if supported by your framework) or directly from the component. <template> <div> <vue-json-pretty :path="'res'" :data="{ key: 'value' }" @click="handleClick"> </vue-json-pretty> </div> </template> <script> import VueJsonPretty from 'vue-json-pretty'; import 'vue-json-pretty/lib/styles.css'; export default { components: { VueJsonPretty, }, }; </script>
      » npm install @souljorje/vue-json-pretty
    
Published   May 02, 2022
Version   1.8.7
Author   leezng
🌐
CodeSandbox
codesandbox.io › s › example-vue-json-pretty-53nvd
Example vue-json-pretty - CodeSandbox
January 30, 2020 - Example vue-json-pretty by mickaellherminez using vue, vue-json-pretty, vuex
Published   Nov 29, 2019
Author   mickaellherminez
🌐
Siongui
siongui.github.io › 2017 › 03 › 15 › vuejs-pretty-print-json-string
[Vue.js] Pretty Print JSON String
Paste any valid JSON string in the following textarea. You will see the result of pretty print on the fly. ... <div id="vueapp"> <textarea v-model="jsonstr" rows="8" cols="40"></textarea> <pre>{{ jsonstr | pretty }}</pre> </div> <script src="https://unpkg.com/vue@2.2.4/dist/vue.js"></script>
🌐
Skypack
skypack.dev › view › @alpine-code › vue-json-pretty
npm:@alpine-code/vue-json-pretty | Skypack
<script type="module"> import alpineCodeVueJsonPretty from 'https://cdn.skypack.dev/@alpine-code/vue-json-pretty'; </script> A Vue component for rendering JSON data as a tree structure.
🌐
Awesomeopensource
awesomeopensource.com › project › leezng › vue-json-pretty
Vue Json Pretty Alternatives
基于Vue/Vue3,Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单,用于活动编辑器、h5编辑器、cms等数据配置;支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ...