Vue-json-cool NPM

vue-json

A JSON component or plugin for vue(2.x), support spread and shrinkage, The highlighted rendering JSON data as a tree structure.

Install

npm install vue-json-cool --save

Usage

<template>
  <div>
    <vue-json-cool :data="jsonData"></vue-json-cool>
  </div>
</template>

import vueJsonCool from 'vue-json-cool';

export default {
  components: {
    vueJsonCool,
  },
  data() {
    return {
      jsonData: {
        number: 1,
        string: 'hello world',
        boolean: true,
        object: {
          key: 1,
        },
        array: [1, '2', true, null, undefined],
        null: null,
        undefined: undefined,
      },
    };
  },
};