使用vue2-org-tree 树形图插件

如何使用vue2-org-tree来展示出架构关系，首先在vue-cli项目中npm i vue2-org-tree 插件

在main.js中引用 import Vue2OrgTree from ‘’ vue2-org-tree’’; Vue.use( Vue2OrgTree )

* 必须下载 npm i --save -D less less-loader , 不下载less就会报错，因为vue-org-tree内部就是lang= ‘’less’’ 规则（less-loader版本不能太高，不兼容！）。

 简单分析vue2-org-tree结构，仅vue2-org-tree这一个标签。其他延伸出来的结构都是它内部渲染的结构，如何生成的我们不必深究。只需要知道这些属性即可。

这个标签内data数据如上图，仅一个父亲id= 0 ,对象下有个children数组包含了所有子节点。