Vue前端框架技术及应用 课件第三章 Vue事件处理.pptx

第三章Vue事件处理

教学内容：

Vue事件监听

Vue事件修饰符

Vue自定义事件

教学目标：

掌握Vue事件处理的知识

本章要点

第一节：Vue事件监听

监听事件

事件处理方法

内联处理器中的方法

监听事件

监听事件:

之前我们学习了Vue中的指令，在Vue中事件的监听也是通过v-on这个指令添加到DOM元素上的。

该代码的作用是当你点击按钮的时候，按钮内的数字会随着你的点击不断往上加1。

从代码中，我们可以看到v-on指令后面接的是事件的名称（click）。

事件处理方法

事件处理方法：

之前，我们是直接在元素内部进行逻辑的书写的（v-on:click=count++），然而许多事件处