# vue2
npm install json-schema-editor-vue
# vue3 
npm install json-scheme-editor-vue3

import JsonSchemaEditor from 'json-schema-editor-vue'
import 'json-schema-editor-vue/lib/json-schema-editor-vue.css'
Vue.use(JsonSchemaEditor)

<template>
  <div id="app">
    ...
    <json-schema-editor :value="tree"/>
    ...
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      tree:
      {
        root: {
          type: "object"
        }
      }
    }
  }
}
</script>

<json-schema-editor
  :value="tree"
  disabledType
  lang="zh_CN"
  custom
  :extra="extraSetting"
/>

data() {
    return {
      extraSetting: {
        integer: { // действует на integer
          default: {
            name: "默认值",
            type: "integer",
          },
        },
        string: { // действует на string
          default: {
            name: "默认值",
            type: "integer", // default может принимать значения типа
          },
        },
      },
      tree: {
        root: {
          type: "object",
          title: "Условия",
          properties: {
            name: {
              type: "string",
              title: "Название",
              maxLength: 10,
              minLength: 2,
            },
            appId: {
              type: "integer",
              title: "ID приложения",
              default: 3,
            },
            credate: {
              type: "string",
              title: "Дата создания",
              format: "date",
            },
          },
          required: ["name", "appId", "credate"],
        },
      },
    };
  },