vue-jsoneditor

> Vue implementation of JSONEditor

Installation

``bash


npm


npm install vue-jsoneditor
`

Using

$3

`javascript
import Vue from 'vue';
import VJsoneditor from 'vue-jsoneditor';
import App from './App';

Vue.config.productionTip = false;
Vue.use(VJsoneditor);

/ eslint-disable no-new /
new Vue({
el: '#app',
template: '',
components: { App },
});
`

$3

`javascript
import VJsoneditor from 'vue-jsoneditor';

export default {
name: 'app',
components: {
VJsoneditor,
},
data() {
return {
json: {
sucess: true,
},
};
},
methods: {
jsonChanged(value) {
console.log(JSON.stringify(value));
},
},
};
`

$3

`html

`

Include jsoneditor api

Don't forget to include jsoneditor API:

`html


``