on
使用 on 方法,你可以为目标元素注册事件处理程序。这使你能够轻松地捕获和响应用户的交互操作。
以下は、on メソッドを使用してボタン要素にクリックイベントハンドラを登録する方法を示す例です:
-
この例では、on メソッドを使用してボタン要素にクリックイベントハンドラを追加しています。ユーザーがボタンをクリックすると、イベントハンドラがトリガーされ、カウンターが増加し、その結果がページに表示されます。
テンプレート構文方式での使用
テンプレート構文を使用して、ターゲット要素にメソッドをバインドすることもできます。
{{count}}
この例では、ボタン要素に on:click を使って addCount というメソッドをバインドしています。ユーザーがボタンをクリックすると、このメソッドが呼び出され、カウンターの値が増加してページに表示されます。この方法により、イベントハンドラをコンポーネントのメソッドに関連付け、より複雑なインタラクションを実現できます。
event
イベントを登録した後、トリガーされる関数にはeventが付与され、ネイティブと同様になります:
-