v-model 的本质上是一个语法糖,列如应用在输入框上就是input 事件和 value 事件的合写。
作用:提供数据的双向绑定
- 数据发生变化,页面自动更新 :value
- 页面输入改变,数据自动更新 :input
<template>
<div id="app">
<input type="text" v-model="ms1">
<input type="text" :value="ms2" @input="ms2 = $event.target.value">
</div>
</template>
住:$event 用于在模板中,获取事件的形参