vue-json-tree


> Vue component that renders JSON data in a collapsible tree structure.

usage

#### use in browsers

- Include the CSS and JS along with Vue, so you get a component.

``html


`

- Instantiate the component with your data.

`html

`

#### use with webpack and vue-loader

- Install the vue-json-tree package via NPM.

`bash
npm install --save vue-json-tree
`

- Import the SFC (with CSS embedded) and register it as a component, either globally or in another component.

`js
import JsonTree from 'vue-json-tree'
Vue.component('json-tree', JsonTree)
`

props

#### raw (string, optional)

The data you want to present in the tree view. Must be a valid JSON string, otherwise it fails.

#### data (any, optional)

If your JSON data has already been parsed, bind this one instead. Must be something that can be produced by JSON.parse().

#### level (number`, optional)

Sometimes the data structure is very deep. You could set them to collapsed on load. By default all levels are expanded.

demo

https://myst729.github.io/vue-json-tree/


MIT © Leo