DOMイベントの動作をカスタマイズして、より豊かなユーザーエクスペリエンスを提供したいと考えています。フォームの送信、ボタンのクリック、さらにはスクロールもすべて、コードでリッスンして処理できるDOMイベントに関連付けられています。これらのイベントのデフォルトの動作を防止または変更するかどうかにかかわらず、目的の動作を実現するには、これらのイベントをリッスンして消費する必要があります。イベントの名前を指定することにより、HTML要素のDOMイベントをリッスンしてカスタマイズできるようにするディレクティブ。その他の可能性については、MozillaのDOMイベントの完全なリストを確認してください。クリック数を追跡する単純なカウンターをインクリメントします。ディレクティブでは、コンポーネントのコンテキストでを実行することができます。イベントがトリガーされます。}}</script>コンポーネントメソッドDOMイベントを処理できるようになったので、より複雑になるロジックの実装を開始したいと思います。複雑なロジックを内部に追加するのは非常に面倒で悪い習慣です。使用すると、コンポーネントでイベント処理メソッドを定義できます。コンポーネントのメソッドの名前をに渡すだけです。}}</script>インラインメソッド呼び出しメソッド呼び出しに情報を渡したり、DOMイベント自体を消費したりしたい場合があります。自体に呼び出しを渡して、必要な情報を渡すことができます。これには、DOMイベント自体が含まれています。}}</script>イベントメソッド修飾子DOMイベントのデフォルトの動作を変更または防止したい場合があります。提供するイベントの名前にチェーンできるいくつかの修飾子を提供します。Submit、ユーザーのクリックでページが更新されます。シングルページアプリケーション(SPA)では、ページ全体のリロードを回避したいと考えています。多くの場合、カスタムイベントハンドラーで呼び出す必要があります。}}</script>イベントメソッドのキー修飾子キーボードの押下によってトリガーされるDOMイベントがある場合があります。キーベースのイベント用に調整されたイベント修飾子を提供します。ユーザーが入力をリセットするための迅速な方法を提供します。ディレクティブDOMイベントの動作を簡単に傍受してカスタマイズできます。これらのイベントは個々のコンポーネントに関連付けられているため、イベントハンドラーにリッスンを停止するように指示する必要はありません。コンポーネントが破棄されると、イベントは破棄されます。クリーンアップはありません!イベント修飾子とキー修飾子の両方の完全なリファレンスを確認して、それらが可能にする可能性を見つけてください。Vue.js開発者ドキュメントトップへ戻るモバイルバージョンを。