visual JSON editor built as an vue component. Provides a basic GUI
npm install vue-json-edit --save
//import it in your project At your entry point
import vue from 'vue'
import JsonEditor from 'vue-json-edit'
Vue.use(JsonEditor)
Single file component
<template>
<JsonEditor :objData="jsonData" v-model="jsonData" ></JsonEditor>
</template>
<script>
export default {
...
data: function() {
return {
jsonData: {
name: 'mike',
age: 22,
phone: '18552129932',
address: ['AAA C1', 'BBB C2']
}
}
}
}
</script> 
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent