vue-json-viewer

Simple json display component, based on vue

Installing：

Using npm:

$ npm install vue-json-viewer

Using bower:

$ yarn add vue-json-viewer

Example：

<json-viewer :value="jsonData" :show-copy="true" icon-prefix="ion" :show-bigger="true"></json-viewer>

export default {
  name: 'Page',
  data() {
    return {
      jsonData: {
        name: [
          {key: 2},
          {key: 'hello word'},
        ],
        val: {
          b: 'a',
          a: 'hello word',
          asd2: 1,
          asd: false
        }
      }
    }
  }
}
<<<<<<< HEAD

=======

## Result
![ABC](http://oxqqtdux0.bkt.clouddn.com/WX20180702-172158.png) 


## Options:

| Property         | Description           | 
| ----------- |:-------------|
| value       | json data |
| show-copy   | display the copy button |
| show-bigger | display the bigger button      |
| icon-prefix | Custom Font icon prefix      |
>>>>>>> eb16800904be1193c3eb7b87ff67048f22011a5b