vue事件指令

vue的事件指令是v-on,具体用法请看下图：

vue事件指令代码图

要给元素节点添加事件要用v-on,比如给p标签添加一个单击事件click，如上图所示，那么可以这样添加事件吗：<p v-on:click="alert("弹出框")">单击</p>，这是不正确的。应该在Vue对象里面定义一个方法method，然后在方法里开始写方法。

大家注意这里的this.msg,this指的是整个vue对象，而在调用方法时有没有括号没有什么大碍，但没有括号默认有参数，右括号默认没有参数，这里的参数是你事件的类型和一些参数。

大家在写代码的时候如果嫌v-on太长可以用它的简写方法@:

好了vue的事件指令就介绍到这里了