v-model:result
时间: 2024-05-19 10:09:16 浏览: 39
Testing V model
v-model 是 Vue.js 提供的一个指令,用于在表单控件和 Vue 实例之间双向绑定数据。它主要应用在表单元素中,比如 input、textarea、select 等,通过 v-model 将表单元素的值与 Vue 实例中的数据进行绑定,实现数据的双向绑定。当表单元素的值发生变化时,Vue 实例中对应的数据也会随之变化;当 Vue 实例中的数据发生变化时,表单元素的值也会随之变化。
例如,我们可以使用 v-model 来实现一个简单的输入框和数据双向绑定:
```
<template>
<div>
<input type="text" v-model="message">
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: ''
}
}
}
</script>
```
以上代码中,输入框和 `p` 标签的文本内容都是通过 `v-model` 绑定到了 `message` 这个 Vue 实例的数据上。
阅读全文