JSON Editor with Vue.js

npm install v-jsoneditor

import Vue from 'vue'
import VJsoneditor from 'v-jsoneditor/src/index'

Vue.use(VJsoneditor)

import VJsoneditor from 'v-jsoneditor/src/index'

export default {
    name: 'app',
    components: {
        VJsoneditor
    },
    data() {
        return {
            json: {
                "hello": "vue"
            }
        }
    },
    methods: {
        onError() {
            console.log('error')
        }
    }
}

<script src='https://unpkg.com/vue@latest'></script>
<script src="./dist/v-jsoneditor.min.js"></script>

<v-jsoneditor v-model="json" :options="options" :plus="false" :height="400px" @error="onError">

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build