我想用ant Design2在vue3的语法中写一个带有下拉框并且点下拉框的数据，在input会显示对应的信息

你可以使用 ant Design2 的 Select 组件和 Vue3 的语法来实现这个需求。具体步骤如下：

1. 在 Vue3 的组件中引入 ant Design2 的 Select 组件：

import { Select } from 'ant-design-vue';

2. 在组件的 template 中使用 Select 组件，并将数据绑定到 options 属性中：

<template>
  <div>
    <a-select v-model="selectedOption">
      <a-select-option v-for="option in options" :key="option.value" :value="option.value">{{ option.label }}</a-select-option>
    </a-select>
    <input type="text" :value="selectedOption.label" readonly />
  </div>
</template>

3. 在组件的 script 中定义 options 数组和 selectedOption 变量，并在 mounted 钩子函数中初始化 options 数组和 selectedOption 变量：

export default {
  name: 'MyComponent',
  components: {
    Select,
  },
  data() {
    return {
      options: [
        { value: '1', label: 'Option 1' },
        { value: '2', label: 'Option 2' },
        { value: '3', label: 'Option 3' },
      ],
      selectedOption: null,
    };
  },
  mounted() {
    this.selectedOption = this.options[0];
  },
};

4. 在 input 标签中使用 selectedOption 变量的 label 属性来显示选中的选项的文本。

<input type="text" :value="selectedOption.label" readonly />

这样，当用户在 Select 组件中选择一个选项时，selectedOption 变量会更新为选中的选项，并在 input 标签中显示选中的选项的文本。