element ui tree demo

以下是一个 Element UI Tree 的简单示例代码：

<template>
  <el-tree :data="data" :props="defaultProps"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '一级 1',
          children: [
            {
              label: '二级 1-1',
              children: [
                { label: '三级 1-1-1' },
                { label: '三级 1-1-2' }
              ]
            },
            {
              label: '二级 1-2',
              children: [
                { label: '三级 1-2-1' },
                { label: '三级 1-2-2' }
              ]
            }
          ]
        },
        {
          label: '一级 2',
          children: [
            {
              label: '二级 2-1',
              children: [
                { label: '三级 2-1-1' },
                { label: '三级 2-1-2' }
              ]
            },
            {
              label: '二级 2-2',
              children: [
                { label: '三级 2-2-1' },
                { label: '三级 2-2-2' }
              ]
            }
          ]
        }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  }
}
</script>

在这个示例中，我们创建了一个名为 `data` 的数组，该数组包含了一些树形结构的数据。我们使用 `<el-tree>` 标签来呈现这个树形结构，并且通过 `:data` 属性来传入数据。我们还使用 `:props` 属性来自定义树形节点的属性，这里我们将 `children` 属性设置为 `children`，将 `label` 属性设置为 `label`。

你可以在 Element UI 官方文档中找到更多关于 Tree 组件的信息和用法示例。