el-tree如何应用

el-tree是element-ui库中的一个组件，用于呈现树形结构的数据。可以通过el-tree来展示复杂的层次结构数据，例如组织架构、文件目录等等。

要使用el-tree，你需要先安装element-ui库，并将其导入到你的项目中。然后，在你的代码中使用el-tree组件，并传入相关的数据作为参数，即可将树形数据渲染出来。

例如，下面是一个基本的el-tree的使用示例：

<template>
  <el-tree :data="treeData"></el-tree>
</template>

<script>
import { ElTree } from 'element-ui';

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

在这个示例中，我们使用el-tree组件来展示一个包含三层层次结构的树形数据。treeData数组包含两个一级节点，每个一级节点下面有一个二级节点，二级节点下面有一个三级节点。el-tree会根据这个数据，自动生成相应的树形结构。

你可以通过修改treeData数组来呈现不同的树形数据。另外，el-tree还有很多配置项可以用来控制组件的显示效果，例如控制节点的展开和折叠、控制节点的图标等等。你可以参考element-ui的官方文档来了解这些配置项的具体用法。