事件监测vue.js入门教程
你可以使用v-on指令绑定和听DOM事件。结合内容可以在当前实例的方法（没有括号必须遵循）或内联表达式。如果提供一种方法，原始DOM事件将作为第一个参数和事件将有targetvm财产指出相应的ViewModel触发事件。触发方法函数
触发的表达
新的Vue（{
EL：#演示，
数据：{
N：0
}，
方法：{
OnClick：功能（e）{
console.log（e.targetvm。n）；
console.log（e.target。tagname）； / /
console.log（e.targetvm =本）； / /真的
}
}
}）；
执行表达式
当v-on用于v-repeat，targetvm是非常有用的，因为v-repeat创建大量的子视图模型。然而，通过执行表达，它是更方便和直观的对当前视图模型数据对象代表别名通。
{项目。文本}
提交
新的Vue（{
EL：#列表，
数据：{
Items: {
{文本：一、做：true}，
{文字：'，做：假}
}
}，
方法：{
函数（项目）{
Console.info（项目办）；
item.done =！item.done；
Console.info（项目办）；
}，
提交：函数（MSG，E）{
e.stoppropagation（）；
Console.info（味精+提交被称为！；
}
}
}）
当您希望访问表达式中的原始DOM事件时，您可以传递一个$事件参数。
关键的过滤器
当听键盘事件，我们经常需要判断的关键code.vue.js共同提供了一个特殊的过滤器，只能用在v-on指令：关键。它接收到一个参数表示的关键代码，并完成判断。
该系统具有许多可使用的预置值，例如：
预设值为：输入制表符，删除左上角右上角。
为什么要在html中使用侦听器
你可能会注意到整个事件的监测方式违反传统的关注点分离的想法。不要担心，因为所有的vue.js事件处理方法和表达是严格对当前视图的视图模型的约束，它不会造成任何维修困难。事实上，有更多的好处，利用v-on：
在HTML模板中js代码中很容易找到相应的方法实现。
因为你不需要手动绑定事件的JS，你的视图模型代码可以很纯粹的逻辑，从DOM完全解耦。这将是更容易测试。
当一个ViewModel被毁，所有的事件侦听器被自动删除。你不必担心如何清理他们自己。
这篇文章已经整理的vue.js前端组件的学习课程
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。