vue input select

您好！关于 Vue 的 input 和 select 组件，您可以通过以下方式使用：

input 组件：

<template>
  <div>
    <label for="name">姓名：</label>
    <input type="text" id="name" v-model="name">
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: '',
    };
  },
};
</script>

select 组件：

<template>
  <div>
    <label for="fruit">水果：</label>
    <select id="fruit" v-model="selectedFruit">
      <option v-for="fruit in fruits" :key="fruit.value" :value="fruit.value">{{ fruit.label }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedFruit: '',
      fruits: [
        { label: '苹果', value: 'apple' },
        { label: '香蕉', value: 'banana' },
        { label: '橙子', value: 'orange' },
      ],
    };
  },
};
</script>

以上是基础用法，您可以根据具体需求进行自定义配置。希望能帮助到您！