Vue 中实现双向数据绑定的指令
Vue 中实现双向数据绑定的指令是 v-model
。
原理
v-model
指令通过以下方式实现双向数据绑定:
- 当用户更改输入控件(如
<input>
或<select></select>
)的值时,它会更新与之绑定的数据属性。 - 当数据属性的值发生变化时,它会更新输入控件中的值。
用法
要在 Vue 组件中使用 v-model
,请按照以下步骤操作:
- 定义一个数据属性来存储输入值:
<code class="js">data() { return { name: \'\', }; }</code>