npm
npmjs.com › package › vue-json-viewer
vue-json-viewer - npm
Simple JSON viewer component, for Vue.js 2 or 3.
» npm install vue-json-viewer
Published Mar 03, 2022
Version 2.2.22
Author 陈峰
npm
npmjs.com › package › vue3-json-viewer
vue3-json-viewer - npm
June 27, 2025 - vuejs展示json的组件,适配vue3. Latest version: 2.4.1, last published: 8 months ago. Start using vue3-json-viewer in your project by running `npm i vue3-json-viewer`. There are 34 other projects in the npm registry using vue3-json-viewer.
» npm install vue3-json-viewer
Published Jun 27, 2025
Version 2.4.1
Author qiuquanwu
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 JSON tree view component that is easy to use and also supports data selection. - leezng/vue-json-pretty
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%
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 - @anilkumarthakur/vue3-json-viewer is a versatile and user-friendly tool that simplifies working with JSON data in Vue 3 applications. Whether you need to debug an API response, visualize configuration data, or display complex objects, this package ...
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.
npm Trends
npmtrends.com › vue-json-viewer-vs-vue3-json-viewer
vue-json-viewer vs vue3-json-viewer | npm trends
Comparing trends for vue-json-viewer 2.2.22 which has 54,064 weekly downloads and 583 GitHub stars vs. vue3-json-viewer 2.4.1 which has 12,021 weekly downloads and 135 GitHub stars.
GitHub
github.com › jeevan-lal › vue3-json-viewer
GitHub - jeevan-lal/vue3-json-viewer: A modern, sleek Vue 3 JSON viewer component with tree and text modes
August 16, 2025 - A modern, sleek Vue 3 component for viewing, editing, and manipulating JSON data with two view modes: Tree Mode and Text Mode.]
Author jeevan-lal
CodeSandbox
codesandbox.io › s › vuejsonvieweditor-y6cqm
vue-json-view-editor - CodeSandbox
February 28, 2022 - vue-json-view-editor using better-scroll, hammerjs, lodash.isequal, vue
Published May 19, 2019
Repository https://codesandbox.io/s/y6cqm
UNPKG
app.unpkg.com › vue-json-viewer@2.1.4 › files › README.md
vue-json-viewer
# vue-json-viewer Simple JSON viewer component, for Vue.js 2 [](https://travis-ci.org/chenfengjw163/vue-json-viewer) [](https://www.npmjs.com/package/vue-json-viewer) - [Installing](#installing) - [Example](#example) - [Options](#options) - [Theming](#theming) ## Installing Using npm: ``` $ npm install vue-json-viewer --save ``` Using yarn: ``` $ yarn add vue-json-viewer ``` ## Example ``` html <json-viewer :value="jsonData
GitHub
github.com › chenfengjw163 › vue-json-viewer
GitHub - chenfengjw163/vue-json-viewer: Simple JSON viewer component, for Vue.js 2 and support ssr
Simple JSON viewer component, for Vue.js 2 or 3.
Starred by 583 users
Forked by 96 users
Languages Vue 65.8% | JavaScript 33.1% | Vue 65.8% | JavaScript 33.1%
Chrome Web Store
chromewebstore.google.com › detail › jsonvue › chklaanhfefbnpoihckbnefhakgolnmc
JSONVue - Chrome Web Store
It's a browser and editor for JSON document.You can get a beautiful view.
Vuetoolbox
vuetoolbox.com › projects › vue-json-tree-view
vue-json-tree-view 5.46
Explore and discover the best Vue.js resources.
UNPKG
unpkg.com › vue-json-viewer
vue-json-viewer
vuejs展示json的组件 · github.com/chenfengjw163/vue-json-viewer
CodeSandbox
codesandbox.io › examples › package › vue-json-viewer
vue-json-viewer examples - CodeSandbox
Use this online vue-json-viewer playground to view and fork vue-json-viewer example apps and templates on CodeSandbox.
GitHub
github.com › matpool › vue-json-view
matpool/vue-json-view: vue3 component for displaying ...
JSON viewer component, for Vue.js 3.
Author matpool
JSON Formatter
jsonformatter.org › json-viewer
JSON Viewer Online Best and Free
JSON Viewer Online helps to Edit, View, Analyse JSON data along with formatting JSON data.
Top answer 1 of 7
49
use this code:
<div id="vueapp">
<textarea v-model="jsonstr" rows="8" cols="40"></textarea>
<pre>{{ jsonstr | pretty }}</pre>
</div>
and JS:
new Vue({
el: '#vueapp',
data: {
jsonstr: '{"id":1,"name":"A green door","price":12.50,"tags":["home","green"]}'
},
filters: {
pretty: function(value) {
return JSON.stringify(JSON.parse(value), null, 2);
}
}
})
2 of 7
36
HTML and JS have this built into the language. Try...
<pre>{{ yourObject }}</pre>
This gives the default indent, to specify a custom indent provide it as the third argument to JSON.stringify(...).
// replace 2 with '\t' to do tab indentation
<pre>{{ JSON.stringify(yourObject, null, 2) }}</pre>
If you're outside of Vue then using a combo of JSON.stringify and <pre> will work.
Medium
medium.com › @rubenrao › accio-a-json-viewer-89e0b3670e48
How to visualize JSON using VueJS | Medium
July 9, 2024 - Visulaize the JSON using VueJS
npms
npms.io › search
vue-json-viewer
npms was built to empower the javascript community by providing a better and open sourced search for node modules.