Vue v-modle理解

我們都知道vue在input雙向綁定，但是這個雙向綁定的原理是什麼呢？
其實v-model簡單說就是把:value=''和@input=''一起用。:value綁定展示，@input監聽input的值變化並複製
例如以下代碼：

<input v-model="userName">的效果等同與<input :value="userName" @input="userName = $event.target.val()">
<input v-model.lazy="userName">的效果等同與<input :value="userName" @change="userName = $event.target.val()">