VUE3--双向绑定v-model指令

1、定义
v-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上，并创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值。即v-model数据既能从view流向model，也能从model流向view。我们可以将后台的查询数据等操作，通过异步请求，放在created或者mounted等钩子函数中，查询到的数据可以处理后自动传给view层。
2、使用场景
表单提交是开发中常见功能，也是和用户交互的重要手段：例如用户在登录、注册时需要提交账号密码；如用户在检索、创建、更新信息时，需要提交一些数据； 这些都要求在代码逻辑中获取到用户提交的数据，通常会使用v-model指令来完成。
3、v-model修饰符 - lazy
v-model在进行双向绑定时，绑定的是input事件，那么会在每次内容输入后就将最新的值和绑定的属性进行同步。如果我们在v-model后跟上lazy修饰符，那么会将绑定的事件切换为 change 事件，只有在提交时（比如回车）才会触发。

案例中值是在template中固定好的，但在真实开发中，数据是来自服务器的，可以先将值请求下来，绑定到data返回的对象中，再通过v-bind来进行值的绑定，这个过程就是值绑定。