Vue 3 基础[5]: 数据绑定 + 事件绑定 = 双向绑定

<input type="text" v-bind:value="name" v-on:input="setName($event, 'lastName')" />
<button v-on:click="resetInput">Reset Input</button>
<p>Your Name: {{ name }}</p>

双向绑定模式十分普遍，因此Vue 有支持这一模式的快捷方式：

v-model 是 v-bind:value + v-on:input 的快捷方式

使用下面的设定，name 属性的双向绑定交由 Vue 管理。

<input type="text" v-model="name" />