Vee event修飾語


Vueはv-onディレクトリを使用してイベントを処理します.
この記事では、v-onディレクトリで提供される修飾語(modifier)について詳しく説明します.

VueのpreventDefault()...



上図はvueの正式なドキュメントのイベント修飾語を示しています.
JSでフロント開発を行うと、多くのイベントが処理されます.
したがって、preventDefault()やstopPropagation()のようなイベントメソッド
たくさん使いました
しかし,vue開発を用いる場合,vueガイドで提供される修飾語を用いる必要がある.
私が活動修飾語を探した理由と完全に一致した段落なので抜粋しました

Modifiers


Event Modifiers


修飾機能.stop親エイリアスへのイベントの伝播を停止します.基本的なイベントを阻止する行為...Captureは、まず、そのエンティティで発生したイベントを処理し、その後、内部エンティティを処理する.selfevent.targetが別名である場合にのみ有効です...onceアクティビティを1回のみ実行します.

Key Modifiers


.enter
.tab
.esc
▲スペースライト
鍵イベントを受信すると、次のようになります.Enterキーを押す
keycodeがenterの場合にのみsumbit()を呼び出すことができます.
<input v-on:keyup.enter="submit">

Mouse Modifiers


.left
.right
.middle

Input Modifiers


修飾機能.trim入力値のスペースを削除...number入力値のタイプを数値に変換...イベント発生後に不活性入力値とデータの格納を反映します.

.native


サブエレメントからルートエンティティを受信するためのネイティブイベント.

n/a.結論


Vueはイベントの処理方法を理解した.
イベントリスナーがHTMLにあるため、VueはJSで手動で
接続なしで簡単にテストできます.
また、私たちが今日知っているイベント修飾語を利用して、
大韓ホットスポット(Bubbling、Captureなど)もより簡潔に解決できる.
イベントとハンドルについては、フロントエンド開発者として必須と理解する必要があります.
皆さんに忘れられないように整理してみます
注意:MDNイベントの概要
https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/Events