vue.js写出表单中单选按钮、复选框、下拉列表、单行文本框、多行文本框、按钮的控件是什么

Vue.js中常用的表单控件包括：

- 单选按钮：使用`<input type="radio">`标签，通过`v-model`指令绑定数据。
- 复选框：使用`<input type="checkbox">`标签，通过`v-model`指令绑定数据。
- 下拉列表：使用`<select>`标签和`<option>`标签，通过`v-model`指令绑定数据。
- 单行文本框：使用`<input type="text">`标签，通过`v-model`指令绑定数据。
- 多行文本框：使用`<textarea>`标签，通过`v-model`指令绑定数据。
- 按钮：使用`<button>`标签，可以绑定点击事件。

例如，使用单选按钮：

<template>
  <div>
    <input type="radio" id="male" value="male" v-model="gender">
    <label for="male">Male</label>
    <input type="radio" id="female" value="female" v-model="gender">
    <label for="female">Female</label>
  </div>
</template>

<script>
export default {
  data() {
    return {
      gender: ''
    }
  }
}
</script>

使用下拉列表：

<template>
  <div>
    <select v-model="selected">
      <option disabled value="">Please select one</option>
      <option v-for="option in options" :value="option.value">{{ option.text }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: '',
      options: [
        { value: 'apple', text: 'Apple' },
        { value: 'banana', text: 'Banana' },
        { value: 'orange', text: 'Orange' }
      ]
    }
  }
}
</script>