Skip to content

Display json in vue with indent, and syntax highlight.

Notifications You must be signed in to change notification settings

woodccc/json-displayer

Repository files navigation

json-displayer

json-displayer is displayer for json in vue with indent, and syntax highlight.

Installation

To install the module simply run:

npm install json-display

Usage

  import JsonDisplayer from 'json-displayer'

  export default {
    ……
    data() {
      return {
        json: {
          a: 1,
          b: [0, 1, 2, 3],
          c: {
            a: null,
            b: false
          },
          d: 'string'
        }
      }
    },
    components: { JsonDisplayer }
    ……
  }
<json-displayer :json="json"/>

Props

Name Required Default Type Description
json Yes - Object Json is the object need to display

About

Display json in vue with indent, and syntax highlight.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published