Orgchart Vue是一個基于Vue.js框架的組織結構圖組件。它可以方便地展示一個組織機構的層級關系，讓用戶可以直觀地查看公司內部的管理結構、人員職位、工作關系等信息。

Orgchart Vue的使用非常簡單，只需要按照文檔提供的API來配置和渲染組件即可。以下是一個基本的示例，展示了如何使用Orgchart Vue來創建一個三層的組織結構圖：

import OrgChart from '@blockabc/orgchart-vue';
export default {
components: {
OrgChart,
},
data() {
return {
tree: {
id: '1',
name: '公司總經理',
children: [
{
id: '2',
name: '財務部經理',
children: [
{
id: '3',
name: '財務部員工1',
},
{
id: '4',
name: '財務部員工2',
},
],
},
{
id: '5',
name: '人力資源部經理',
children: [
{
id: '6',
name: '人力資源部員工1',
},
{
id: '7',
name: '人力資源部員工2',
},
],
},
],
},
};
},
template: '
',
};

上述示例中，通過定義一個包含層級結構的樹形對象，傳遞給組件的:tree屬性，就可以生成一個類似下圖的組織結構圖：

Orgchart Vue還提供了豐富的自定義配置選項和事件鉤子，可以滿足不同場景和需求的定制化需求。更多詳細的使用說明和API文檔可以在GitHub倉庫中查看。