5.2.1　方法及内联处理器

通过v-on绑定实例选项属性methods中的方法作为事件的处理器，v-on:后的参数接收所有的原生事件名称。

提示：判断是否为内联处理器，其实很好区分，一个有括号，一个没括号。没括号的就是函数名；有括号的实际是一条JS语句，称为内联处理器。

运行效果如图5-9所示。

图5-9　内联语句运行效果图（一）

提示：v-on的缩写形式为@，例如，@click="sayHello"。v-on支持内联JavaScript语句，但仅限是一条语句的情况。

运行效果如图5-10所示。

图5-10　内联语句运行效果图（二）

提示：直接绑定methods函数和内联JavaScript，都有可能需要获取原生DOM事件对象。单击图5-10中的SayHello按钮将弹出一个对话框，这就是绑定了一个单击事件监听，但调用的是另一个内置处理器方法sayFrom。

运行效果如图5-11所示。

图5-11　内联语句多事件运行效果图

提示：同一个元素上可以通过v-on绑定多个相同事件函数，执行顺序为顺序执行。