1-4. Vue.js核心知識之事件處理

darkbaby123 發(fā)布于2019-08-23 18:00 / 1317人閱讀

摘要：我們可以用指令監(jiān)聽事件，并在觸發(fā)時運行一些代碼。點擊按鈕，后面的函數(shù)會把參數(shù)帶入執(zhí)行，彈窗顯示點擊計算事件修飾符事件處理程序中經(jīng)常會用到或，這里幫我們很容易的就實現(xiàn)了。

我們可以用 v-on 指令監(jiān)聽 DOM 事件，并在觸發(fā)時運行一些 JavaScript 代碼。

監(jiān)聽事件

事件處理方法

有些事件觸發(fā)的操作邏輯是很復雜的，甚至還需要傳遞參數(shù)，用上面的方法肯定是不現(xiàn)實的，所以這里我們可以把事件觸發(fā)操作邏輯寫成一個函數(shù)。

事件修飾符

事件處理程序中經(jīng)常會用到 event.preventDefault() 或 event.stopPropagation() ，這里vue.js幫我們很容易的就實現(xiàn)了。















點擊看看



點擊看看

按鍵修飾符

需要監(jiān)聽鍵盤事件時，我們也可以使用vue.js的按鍵修飾符輕松的實現(xiàn)。








點擊鍵盤按鍵"Ctrl"看看





點擊鼠標左鍵看看

總結

本節(jié)我們學習了vue.js的事件處理，包括事件的監(jiān)聽、觸發(fā)方法和各種修飾符，有沒有發(fā)現(xiàn)，使用vue.js，事件處理就變得相當簡單了。

GPU云服務器云服務器 js核心知識 java核心知識點云服務器核心處理器配置情況事件處理程序

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/104516.html

1-1. Vue.js核心知識之實例簡介

摘要：的核心庫只關注視圖層，易于上手，便于與第三方庫或既有項目整合。全局注冊全局注冊組件我的組件創(chuàng)建根實例渲染后的我的組件總結本節(jié)學習的核心知識點莫過于模板渲染表單綁定事件處理組件化這幾點了，下面我們針對每一個知識點細細學習。 Vue.js是什么 Vue.js是一套用于構建用戶界面的漸進式框架。Vue.js的核心庫只關注視圖層，易于上手，便于與第三方庫或既有項目整合。Vue.js與現(xiàn)代化的工...

amuqiao 2019-08-23 18:00 評論0 收藏0
1-5. Vue.js核心知識之組件化

摘要：組件是最強大的功能之一。組件的創(chuàng)建和注冊我們可以使用注冊一個全局組件。父組件的數(shù)據(jù)需要通過才能下發(fā)到子組件中。如果傳入的數(shù)據(jù)不符合要求，會發(fā)出警告。這對于開發(fā)給他人使用的組件非常有用。組件 (Component) 是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。組件的創(chuàng)建和注冊我們可以使用 Vue.component(tagName, opti...

weknow619 2019-08-23 18:00 評論0 收藏0
前端開發(fā)知識點整理

摘要：前言本文主要是有關前端方面知識按照目前的認知進行的收集歸類概括和整理，涵蓋前端理論與前端實踐兩方面。前言：本文主要是有關前端方面知識按照 XX 目前的認知進行的收集、歸類、概括和整理，涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么，看上去有很多，但具體你要學什么，還是要 follow your heart & follow your BOSS。初衷...

Blackjun 2019-08-20 17:14 評論0 收藏0
前端開發(fā)知識點整理

摘要：前言本文主要是有關前端方面知識按照目前的認知進行的收集歸類概括和整理，涵蓋前端理論與前端實踐兩方面。前言：本文主要是有關前端方面知識按照 XX 目前的認知進行的收集、歸類、概括和整理，涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么，看上去有很多，但具體你要學什么，還是要 follow your heart & follow your BOSS。初衷...

Sike 2019-08-29 12:44 評論0 收藏0
前端開發(fā)知識點整理

摘要：前言本文主要是有關前端方面知識按照目前的認知進行的收集歸類概括和整理，涵蓋前端理論與前端實踐兩方面。前言：本文主要是有關前端方面知識按照 XX 目前的認知進行的收集、歸類、概括和整理，涵蓋『前端理論』與『前端實踐』兩方面。本文會告訴你前端需要了解的知識大致有什么，看上去有很多，但具體你要學什么，還是要 follow your heart & follow your BOSS。初衷...

tracy 2019-08-01 16:59 評論0 收藏0