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

1.v-model 的语法糖

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


{{message}}


你知道v-model 语法糖是如何实现的吗?_第1张图片

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

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

show code:

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

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

方式1:  直接使用函数名,首个参数即为event   ( 打印arguments[0] )

方式2: 调用函数,手动传入$event即可获取

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

 

event 对象信息:


你知道v-model 语法糖是如何实现的吗?_第2张图片

你可能感兴趣的:(你知道v-model 语法糖是如何实现的吗?)