on
on メソッドを使用すると、対象要素にイベントハンドラを登録できます。これにより、ユーザーのインタラクションを簡単にキャッチして応答できます。
以下は、ボタン要素にクリックイベントハンドラを登録するために on メソッドを使用する方法を示す例です：
-
この例では、on メソッドを使用してボタン要素にクリックイベントハンドラを追加しました。ユーザーがボタンをクリックすると、イベントハンドラがトリガーされ、カウンターが増加し、結果がページに表示されます。
テンプレート構文方式での使用
テンプレート構文を使用して、ターゲット要素にメソッドをバインドすることもできます。
{{count}}
この例では、ボタン要素に on:click を使って addCount というメソッドをバインドしています。ユーザーがボタンをクリックすると、このメソッドが呼び出され、カウンターの値が増加してページに表示されます。この方法により、イベントハンドラをコンポーネントのメソッドに関連付け、より複雑なインタラクションを実現できます。
event
イベントを登録した後、トリガーされる関数には event が渡されます。これはネイティブと同様です：
-