avue-input-tree 使用

`avue-input-tree`是一个基于Vue.js开发的组件库，它提供了一个类似于文件树结构的输入框，主要用于处理层级分明的数据，比如在添加、编辑内容时需要选择或管理选项。这个组件允许用户通过拖拽的方式调整节点的层级，并可以关联到实际的数据模型。用户可以在表单中方便地创建、编辑和删除节点，常用于配置管理、选项分类等场景。

Avue Input Tree的主要功能包括：
1. 自动构建树形结构：从数据源生成树状布局。
2. 拖放操作：支持节点之间的移动，改变节点的上下级关系。
3. 展开/折叠：用户可以选择是否显示子节点。
4. 数据绑定：节点的状态和值与实际的数据模型同步。

要使用`avue-input-tree`，通常需要先安装该库并引入到项目中，然后在模板中按照官方文档提供的API进行实例化和配置。组件初始化时，你需要提供初始的数据结构，例如：

<template>
  <avue-input-tree v-model="treeData" :options="options"></avue-input-tree>
</template>

<script>
import { AvueInputTree } from 'vue-avue-input-tree';

export default {
  components: {
    AvueInputTree,
  },
  data() {
    return {
      treeData: [], // 初始化的数据
      options: {}, // 树形组件的配置项
    };
  },
  //...
};
</script>