v-model如何使用

v-model是Vue.js中的一个指令，用于实现表单元素和Vue实例中数据的双向绑定。通过v-model指令，可以将表单元素的值绑定到Vue实例中的数据属性上，当表单元素的值发生变化时，Vue实例中的数据也会相应地更新，反之亦然。

v-model的用法非常简单，只需要在表单元素上使用v-model指令，并将其绑定到Vue实例中的数据属性上即可。例如：

<input v-model="message">

上述代码将会将输入框的值绑定到Vue实例中的message属性上。当输入框的值发生变化时，message属性的值也会相应地更新。

v-model指令适用于大部分的表单元素，例如input、textarea、select等。对于不同类型的表单元素，v-model会自动根据其类型应用相应的逻辑。

除了上述的基本用法外，v-model还可以通过修饰符进行扩展，以实现更多的功能。例如，可以使用.lazy修饰符实现输入框失去焦点时才更新数据，使用.number修饰符将输入框的值转为数值类型，使用.trim修饰符去除输入框的首尾空格等等。

在Vue 2.x版本中，v-model只能用于表单元素的值的双向绑定。而在Vue 3.x版本中，v-model可以用于任意属性的双向绑定，通过在组件中定义model选项，可以自定义绑定值的属性名和自定义事件名。