Vue学习(基础编)——v-on指令的使用以及参数传递问题

v-on指令在Vue中使用非常普遍，一般v-on用在按钮点击事件上，让我们直接看代码来了解一下。

我们按钮点击方法用在是click，在Vue中使用v-on，只需要在click前加上v-on，v-on的简写方法是@，看代码中用v-on绑定click后，在Vue的js中就可以定义你需要实现的方法了，实现效果如下图。一个很简单的实现。

接下来讲讲我们在使用v-on的怎么传递参数。

情况1：事件调用方法没有参数时，请看代码

当方法中不需要参数时，页面中的()可以加，也可以不加，请看实现效果。

情况2：方法本身需要参数，函数的写法，请看代码

在函数有括号的情况下，Vue会把括号里的参数传到方法中，括号中如果没有参数，则会传递undefined，如果没有写括号的情况下，Vue默认将浏览器的event事件作为参数传递到方法中，我们来看下实现效果。

情况：我们需要event对象，同时又需要其他参数，直接来看代码

我们如果需要用到浏览器event事件，则使用$event作为参数传递到方法中，这是固定的写法，Vue会对$event进行解析，我们来看下效果。

好了，这次先讲到这了，如果我有讲的不好的地方，请大家指正！