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 对象信息: