Vue v-model是一个指令，它提供了input和form之间或两个组件之间的双向数据绑定。
这是 Vue 开发中的一个简单概念，但v-model的真正威力需要花些时间才能理解。
本文主要讲解v-model的不同用例，并学习如何在自己的项目中使用它。
v-model 是什么？
刚才讲过，v-model是一个我们可以在模板代码中使用的指令。指令是一个模板令牌，它告诉 Vue 我们想要如何处理 DOM。
在v-model的情况下，它告诉 Vue 我们想要在template 中的值和data属性中的值之间创建一个双向数据绑定。
使用v-model的一个常见用例是在设计表单相关的一些元素时。我们可以使用它使input元素能够修改 Vue 实例中的数据。
<template>
<div>
<input
type='text'
v-model='value'
/>
<p> Value: {{ value }} </p>
</div>
</template>
<script>
export default {
data() {
return {
value: 'Hello World'
}
}
}
</script>
当我们在input中输入内容时，我们会看到我们的数据属性正在变化：
总结
希望本文能教给大家一些有关 Vue v-model的新知识。
在它的基本用例(如表单和 input 数据)中，v-model是一个非常简单的概念。然而，当我们创建自定义组件并处理更复杂的数据时，我们可以释放v-model的真正威力。