双向绑定 form input, textarea, and select elements

v-model 会忽略所有表单元素的 value、checked、selected attribute 的初始值而总是将当前活动实例的数据作为数据来源。

---

1. text 和 textarea 元素使用 value property 和 input 事件；

Message is: {{ message }}

---

1.2 多行文本 Multiline message is:
在文本区域插值不起作用，应该使用 v-model 来代替。

{{ message2 }}

---

2. checkbox 和 radio 使用 checked property 和 change 事件；
2.1 单个复选框，绑定到布尔值： {{ checked }}
{{toggle}}
2.2 多选时 (绑定到一个数组)

2.3 单选框(Radio)

---

3. select 字段将 value 作为 prop 并将 change 作为事件。
3.1 选择框 (Select) 单选 > vm.selected
3.2 选择框 (Select) 多选 > vm.selected2
A B C
Selected2: {{ selected2 }}
3.3 用 v-for 渲染的动态选项