举例说明v-model怎么用
时间: 2023-10-09 10:06:24 浏览: 81
vue.js使用v-model指令实现的数据双向绑定功能示例
v-model 是 Vue.js 中的一个双向绑定指令,常常用于表单元素的双向数据绑定。例如,我们可以将 v-model 应用于 input 元素来实现数据的双向绑定:
```html
<input type="text" v-model="message">
```
其中,message 是在 Vue 实例中定义的一个 data 对象的属性,这个 data 对象可以在 Vue 实例中被访问到。当用户修改 input 元素中的值时,Vue 会自动更新 message 的值;反之,当我们在 Vue 实例中修改了 message 的值时,input 元素中的值也会被更新。这样,我们在表单中输入的数据就可以很轻松地实现与 Vue 实例中的数据的双向绑定。
阅读全文