event 事件篇
2018-01-15 本文已影响0人
隼龙
有时候需要在v-on绑定的事件中处理原生dom的事件，则可以使用$event将它传入方法：
html
<button :click="warn('data',$event)">按钮</button>
methods: {
warn: function (message, event) {
// 现在我们可以访问原生事件对象
if (event) event.preventDefault()
alert(message)
}
}
其实上面提到的在方法中处理原生dom事件，主要也就是阻止冒泡之类的方法，为了可以在method只专注于业务逻辑，vue还提供了一些事件修饰符：
<a :click.stop 阻止单击事件冒泡
<from :click.prevent 提交事件不再重复加载页面
:click.stop.prevent 修饰符可以串联使用
键盘事件
<input :keyup.enter = "submit">
<input :keyup.11 = "submit>
生命周期
就是 创建前后 挂载前后 更新前后 销毁前后
计算属性 computed
