v-model value
时间: 2023-10-09 21:06:30 浏览: 123
Testing V model
v-model是Vue.js中的一个指令,用于实现双向数据绑定。它可以将表单元素(如input、textarea、select等)的值与Vue实例中的数据进行绑定,从而实现表单数据的自动更新。
在使用v-model时,需要指定一个属性值,该属性值对应了Vue实例中的一个数据属性,例如:
```
<template>
<div>
<input type="text" v-model="message">
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
}
}
</script>
```
上述代码中,v-model绑定了一个叫做message的数据属性,当用户在input中输入文本时,该属性的值会自动更新,同时文本框中也会显示该属性的值。在这里,v-model的value就是message这个属性的值。
阅读全文