element ui tree 使用示例

好的，以下是一个简单的 Element UI Tree 的使用示例：

<template>
  <div>
    <el-tree :data="data" :props="props"></el-tree>
  </div>
</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"
                }
              ]
            }
          ]
        }
      ],
      props: {
        label: 'label',
        children: 'children'
      }
    };
  }
};
</script>

以上代码实现了一个简单的树形结构，包含多级节点，每个节点有一个 label 属性用于显示节点的文本内容。这个示例中使用了 Element UI 中的 el-tree 组件来渲染树形结构，data 属性用于传入树形结构的数据，props 属性用于指定树形结构的数据格式。在这个示例中，每个节点都有一个 children 属性，用于指定该节点的子节点，因此 props 中的 children 属性被设置为 'children'。