基本示例

• 代码

<aside> 💡 v-model 的背后原理：

1. v-bind 绑定 value 属性的值
2. v-on 绑定 input 事件监听到函数中，函数会获取最新的值赋值到绑定的属性中 </aside>

绑定 textarea

• 代码

绑定 checkbox

• 代码

绑定 radio

• 代码

<aside> 💡 radio 类型输入框通过设置相同的 name 或 v-model 属性来互斥

</aside>

绑定 select

• 代码

v-model 的修饰符

• .lazy：会将绑定的时间切换为 change 时间，只有在提交时（比如回车）才会触发
• .number：自动将内容转换成数字
• .trim：去除首尾空格

<aside> 💡 修饰符可以多个同时使用

</aside>