你知道v-model 语法糖是如何实现的吗？

1.v-model 的语法糖

在vuejs 中，v-model 这个语法糖能够很方便的实现表单和数据之间的绑定。比如在input 的输入框中，视图能够实时呈现我们在输入框中输入的内容。

<input type="text" v-model="message">
<h1>{{message}}</h1>

v-model 实现的原理其实是封装了以下逻辑：

在input 上绑定message，并通过input事件获取当前事件的target.value，并赋值给message。

show code：

<input type="text" :value="message" @input="message = $event.target.value"

2.如何获取事件的event对象

获取事件的event对象可以用以下两种方式实现：

方式1:  直接使用函数名，首个参数即为event   ( 打印arguments[0] )
<button @click="clickEvent"></button>

方式2: 调用函数，手动传入$event即可获取
<button @click="click($event)"></button>

以下方式获取不到：即选择了调用，又没有手动传入$event

<button  @click="clickEvent()"></button> 

event 对象信息：