vue-org-tree html使用

使用 vue-org-tree，在 HTML 中需要完成以下几个步骤：

1. 首先，在 HTML 文件中引入 Vue 和 vue-org-tree 的库文件。可以通过 CDN 引入，也可以通过 npm 安装后引入。

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-org-tree"></script>

2. 创建一个容器元素，用于渲染 vue-org-tree。

<div id="app">
  <vue-org-tree :data="treeData"></vue-org-tree>
</div>

3. 在 JavaScript 部分，创建 Vue 实例，并定义树形数据。

<script>
new Vue({
  el: '#app',
  data: {
    treeData: [
      {
        label: 'Node 1',
        children: [
          {
            label: 'Node 1.1'
          },
          {
            label: 'Node 1.2'
          }
        ]
      },
      {
        label: 'Node 2',
        children: [
          {
            label: 'Node 2.1',
            children: [
              {
                label: 'Node 2.1.1'
              }
            ]
          }
        ]
      }
    ]
  }
});
</script>

在这个例子中，我们创建了一个简单的树形结构，包含了几个节点和子节点。你可以根据自己的需求修改 `treeData` 数据。

这样就完成了在 HTML 中使用 vue-org-tree 的基本步骤。当页面加载时，vue-org-tree 将会根据提供的数据渲染出对应的组织结构树。