vue2中的v-model
时间: 2023-11-15 08:55:40 浏览: 91
在Vue2中,v-model是一个语法糖,用于在表单元素上创建双向数据绑定。它会根据表单元素的类型自动选取正确的方式绑定数据,例如文本输入框使用value属性绑定数据,复选框使用checked属性绑定数据。
例如,下面的代码使用v-model将message属性与文本输入框绑定:
```
<template>
<div>
<input type="text" v-model="message">
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
}
}
</script>
```
当用户在文本输入框中输入内容时,message属性会自动更新,同时页面上显示的内容也会更新。
阅读全文