vue3封装一个Select下拉选择器组件

要封装一个 Vue 3 的 Select 下拉选择器组件，你需要做以下几件事：

1. 在组件中创建一个 `template` 字段，它应该是一个字符串模板，包含你希望下拉选择器的外观。例如：

<template>
  <div class="select">
    <select>
      <slot></slot>
    </select>
  </div>
</template>

2. 在组件中创建一个 `props` 字段，它应该是一个对象，指定组件的可接受的 props 及其类型。例如：

props: {
  value: {
    type: String,
    required: true
  }
}

3. 在组件中创建一个 `data` 字段，它应该是一个函数，返回组件的初始数据。例如：

data() {
  return {
    options: []
  }
}

4. 在组件中创建一个 `mounted` 钩子函数，在组件挂载完成后执行。你可以在这个函数中进行一些初始化操作。例如：

mounted() {
  this.options = this.$slots.default
}

5. 在组件中创建一个计算属性，根据组件的 `value` prop 和 `options` 数据来计算当前选中的选项。例如：

computed: {
  selectedOption() {
    return this.options.find(option => option.value === this.value)
  }
}

6. 使用 `v-bind` 指令绑定 `selectedOption` 计算属性到下拉选择器的 `value` 属性，以此来更新选