# XTreeView

左侧为树结构，右侧为自定义面板的单向数据流布局组件

引用方式：

```vue
<template>
  <x-tree-view ref="xTreeView" @itemChecked="itemChecked">
    <!-- 右侧面板 -->
  </x-tree-view>
</template>
<script>
import XTreeView from '@vue2-client/base-client/components/layout/XTreeView'

export default {
  components: {
    XTreeView
  },
  mounted () {
    this.initView()
  },
  methods: {
    // 初始化组件
    initView() {
      this.$refs.xTreeView.init({
        configName: 'templateTreeConfig',
        serviceName: 'af-his',
        env: 'dev',
      })
    },
    itemChecked(node) {

    }
  }
}
</script>
```

## API

| 参数           | 说明      | 类型       | 默认值 |
|--------------|---------|----------|-----|
| init(params) | 初始化组件   | function | -   |
| close()      | 关闭组件    | function | -   |
| @itemChecked | 树节点选中事件 | event    | -   |
