vue3+view-ui-plus中tree组件

Vue3和View UI Plus的Tree组件使用起来非常简单，以下是一个基本的示例：

<template>
  <div>
    <v-tree :data="treeData"></v-tree>
  </div>
</template>

<script>
import { ref } from 'vue'
import VTree from 'view-ui-plus'

export default {
  components: {
    VTree
  },
  setup() {
    const treeData = ref([
      {
        label: 'Parent 1',
        children: [
          {
            label: 'Child 1'
          },
          {
            label: 'Child 2'
          }
        ]
      },
      {
        label: 'Parent 2',
        children: [
          {
            label: 'Child 3'
          },
          {
            label: 'Child 4'
          }
        ]
      }
    ])

    return {
      treeData
    }
  }
}
</script>

在这个例子中，我们首先导入了VTree组件，然后在setup函数中定义了一个名为treeData的响应式变量，该变量包含了树形结构的数据。最后我们将VTree组件引入到模板中，并将treeData作为data属性传递给它。这样就可以在页面上渲染出一个简单的树形结构。

需要注意的是，VTree组件还提供了很多其他的属性和事件，可以根据实际需求进行使用。详细使用方法可以参考View UI Plus的官方文档。