vue3+ts+vite安装vue-json-editor

要在Vue3+TypeScript+Vite项目中安装vue-json-editor，可以按照以下步骤操作：

1. 首先，安装vue-json-editor依赖：

npm install vue-json-editor --save

2. 在Vue组件文件中导入vue-json-editor：

import { defineComponent } from 'vue';
import JsonEditor from 'vue-json-editor';

export default defineComponent({
  components: {
    JsonEditor,
  },
  // ...
});

3. 在模板中使用vue-json-editor组件：

<template>
  <div>
    <json-editor v-model="jsonData" />
  </div>
</template>

4. 在TypeScript中定义jsonData的类型：

import { defineComponent } from 'vue';
import JsonEditor from 'vue-json-editor';

export default defineComponent({
  components: {
    JsonEditor,
  },
  data() {
    return {
      jsonData: {} as Record<string, any>,
    };
  },
  // ...
});

这样就可以在Vue3+TypeScript+Vite项目中使用vue-json-editor了。