v-model是Vue.js中的一个指令,它可以实现双向数据绑定。v-model可以用在表单元素(input、select、textarea等)上,它会根据不同的表单元素自动选取正确的方法来更新数据。
例如,当用户在一个文本框中输入文字时,v-model会自动将输入的文字同步到Vue实例中的数据。当Vue实例中的数据更新时,v-model会自动将更新后的数据同步到文本框中。
使用v-model的语法如下:
<input v-model="message">
在上面的代码中,v-model绑定了一个名为message的数据,当用户在文本框中输入文字时,message的值会自动更新。如果在Vue实例中修改了message的值,文本框中的值也会自动更新。
需要注意的是,v-model只能用在表单元素上,如果需要实现非表单元素的双向数据绑定,需要使用自定义指令或计算属性。