vue指令 —— v-on：

v-on：是vue的一个极其重要的指令，主要的作用就是为DOM元素绑定事件，并且该指令有语法糖： 我们可以用 @ 来代替 v-on:  ，代码如下：

 效果：

        info方法里的this指向的是此vue实例——vm，并且如果我们要用到vm里的数据，就必须有this，否则取不到。

        另外如果定义info时有一个形式参数的话，那么这种调用方式还会自动的将该事件对象传入到此参数，如下：

 效果：

如上图，成功的弹出了该事件的事件对象。但是如果在调用时传入了实参，则不会默认的再传事件对象了。如下：

效果： 

 如果说我们提出一个需求，既需要让它弹出实参，又希望它可以接收到该事件对象，我们可以这样做：

 在传实际参数时，传入 $event ,这时vue在解析到这里的时候，便会将 $event 解析为该事件的事件对象传入到方法的参数中。效果如下：