@riophae/vue-treeselect怎么适用于vue3

`@riophae/vue-treeselect`是一个基于Vue.js的下拉树选择组件，它允许用户从树状结构的数据源中进行多选或单选操作。要在Vue 3中使用这个库，你需要按照以下步骤进行：

1. **安装依赖**:
使用npm或yarn添加组件到项目依赖中：

   npm install @riophae/vue-treeselect
   # 或者
   yarn add @riophae/vue-treeselect

2. **注册组件**:
在`main.js`或全局注册文件中引入并注册组件：

   import { TreeSelect } from '@riophae/vue-treeselect';
   Vue.component('TreeSelect', TreeSelect);

3. **在模板中使用**:
在你的Vue组件模板中，像常规Vue组件一样使用`<TreeSelect>`标签，并传入需要的数据属性、选项和事件处理函数：

   <template>
     <div>
       <TreeSelect :data="treeData" v-model="selectedValue" @input="handleSelectionChange"></TreeSelect>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         treeData: [], // 树数据源
         selectedValue: [] // 初始化选中的值
       };
     },
     methods: {
       handleSelectionChange(value) {
         console.log('选择变化:', value);
       }
     }
   };
   </script>

4. **配置和定制**:
可能需要配置组件的行为、样式等，查看官方文档了解详细配置选项。

记得在使用过程中检查Vue 3是否兼容该组件的最新版本，并确保正确处理Vue 3的更新生命周期钩子（如`setup()`替代`mounted()`）。