1-4. Vue.js核心知识之事件处理

darkbaby123 发布于2019-08-23 18:00 / 1163人阅读

摘要：我们可以用指令监听事件，并在触发时运行一些代码。点击按钮，后面的函数会把参数带入执行，弹窗显示点击计算事件修饰符事件处理程序中经常会用到或，这里帮我们很容易的就实现了。

我们可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。

监听事件

事件处理方法

有些事件触发的操作逻辑是很复杂的，甚至还需要传递参数，用上面的方法肯定是不现实的，所以这里我们可以把事件触发操作逻辑写成一个函数。

事件修饰符

事件处理程序中经常会用到 event.preventDefault() 或 event.stopPropagation() ，这里vue.js帮我们很容易的就实现了。















点击看看



点击看看

按键修饰符

需要监听键盘事件时，我们也可以使用vue.js的按键修饰符轻松的实现。








点击键盘按键"Ctrl"看看





点击鼠标左键看看

总结

本节我们学习了vue.js的事件处理，包括事件的监听、触发方法和各种修饰符，有没有发现，使用vue.js，事件处理就变得相当简单了。

混合云专线服务 js核心知识 java核心知识点云服务器核心处理器配置情况事件处理程序

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104516.html

1-1. Vue.js核心知识之实例简介

摘要：的核心库只关注视图层，易于上手，便于与第三方库或既有项目整合。全局注册全局注册组件我的组件创建根实例渲染后的我的组件总结本节学习的核心知识点莫过于模板渲染表单绑定事件处理组件化这几点了，下面我们针对每一个知识点细细学习。 Vue.js是什么 Vue.js是一套用于构建用户界面的渐进式框架。Vue.js的核心库只关注视图层，易于上手，便于与第三方库或既有项目整合。Vue.js与现代化的工...

amuqiao 2019-08-23 18:00 评论0 收藏0
1-5. Vue.js核心知识之组件化

摘要：组件是最强大的功能之一。组件的创建和注册我们可以使用注册一个全局组件。父组件的数据需要通过才能下发到子组件中。如果传入的数据不符合要求，会发出警告。这对于开发给他人使用的组件非常有用。组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件的创建和注册我们可以使用 Vue.component(tagName, opti...

weknow619 2019-08-23 18:00 评论0 收藏0
前端开发知识点整理

摘要：前言本文主要是有关前端方面知识按照目前的认知进行的收集归类概括和整理，涵盖前端理论与前端实践两方面。前言：本文主要是有关前端方面知识按照 XX 目前的认知进行的收集、归类、概括和整理，涵盖『前端理论』与『前端实践』两方面。本文会告诉你前端需要了解的知识大致有什么，看上去有很多，但具体你要学什么，还是要 follow your heart & follow your BOSS。初衷...

Blackjun 2019-08-20 17:14 评论0 收藏0
前端开发知识点整理

摘要：前言本文主要是有关前端方面知识按照目前的认知进行的收集归类概括和整理，涵盖前端理论与前端实践两方面。前言：本文主要是有关前端方面知识按照 XX 目前的认知进行的收集、归类、概括和整理，涵盖『前端理论』与『前端实践』两方面。本文会告诉你前端需要了解的知识大致有什么，看上去有很多，但具体你要学什么，还是要 follow your heart & follow your BOSS。初衷...

Sike 2019-08-29 12:44 评论0 收藏0
前端开发知识点整理

摘要：前言本文主要是有关前端方面知识按照目前的认知进行的收集归类概括和整理，涵盖前端理论与前端实践两方面。前言：本文主要是有关前端方面知识按照 XX 目前的认知进行的收集、归类、概括和整理，涵盖『前端理论』与『前端实践』两方面。本文会告诉你前端需要了解的知识大致有什么，看上去有很多，但具体你要学什么，还是要 follow your heart & follow your BOSS。初衷...

tracy 2019-08-01 16:59 评论0 收藏0