vue学习-表单输入绑定

1. 文本

v-model进行双向绑定。

v-model 在内部为不同的输入元素使用不同的 property 并抛出不同的事件：

• text 和 textarea 元素使用 value property 和 input 事件；
• checkbox 和 radio 使用 checked property 和 change 事件；
• select 字段将 value 作为 prop 并将 change 作为事件。

  <div>
    <input type="text" v-model="msg" />
  </div>

  <div>
    <textarea v-model="msg"></textarea>
  </div>

  data() {
    return {
      msg: "",
    };
  },

---

2. 复选框 (Checkbox)

单个复选框，选中则checked为true，没选中为false

for="checkbox"作用是让点击label相当于点击id="checkbox"

<input type="checkbox" id="checkbox" v-model="checked" />
<label for="checkbox">{