Vueのウォッチリスナーの使い方を説明する記事

リスナーウォッチ

• 関数名は、リッスンする要素の名前です。
• 渡される最初のパラメータは変更後の新しい値 newval であり、2番目は変更前の古い値 oldval です。

形式

メソッド形式のリスナー

• ページに入るときに自動的にトリガーされることはありません。変更が検出された場合にのみトリガーされます。
• オブジェクトを聞いても、オブジェクトのプロパティがいつ変化したかはわかりません。

オブジェクト形式リスナー

• 即時オプションでは、リスナーが自動的にトリガーされます。
• deep オプションを使用すると、リスナーはオブジェクトのプロパティの変更を詳細に監視できます。

これは Vue インスタンス内のデータ オブジェクトです。

リスナーを設定します。

以下はメソッド形式のリスナーとオブジェクト形式のリスナーです。

メソッド形式のリスナーは、入力のコンテンツが変更されたときにリスナーをトリガーし、入力のコンテンツをリッスンすることによって実装されます (コンテンツは用語にバインドされます)。現在の入力のコンテンツが既存の配列にない場合は、既存の配列に追加されます。それ以外の場合は、名前がすでに存在することを示すプロンプト ボックスがポップアップ表示されます。

オブジェクト形式のリスナーは、ページが読み込まれるとすぐにリスナーをトリガーし、foo オブジェクトの name 属性の変更をリッスンすることによって実装されます。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。