vue v-model 的使用，绑定表单（文本输入框 单选 复选 文本域 下拉框）

v-model 是 Vue 中用于实现双向数据绑定的指令，可以将表单元素的值与 Vue 实例中的数据进行绑定，实现表单值的自动更新和数据的自动同步。

下面是使用 v-model 绑定表单元素的示例：

1. 文本输入框：

<input type="text" v-model="message">

2. 单选框：

<input type="radio" value="A" v-model="selected">
<input type="radio" value="B" v-model="selected">

3. 复选框：

<input type="checkbox" value="A" v-model="checkedItems">
<input type="checkbox" value="B" v-model="checkedItems">

4. 文本域：

<textarea v-model="message"></textarea>

5. 下拉框：

<select v-model="selected">
  <option value="A">Option A</option>
  <option value="B">Option B</option>
</select>

在 Vue 实例中，需要定义对应的数据属性来存储表单元素的值，例如：

new Vue({
  data: {
    message: '',
    selected: '',
    checkedItems: []
  }
})