javascript - vue は双方向バインディングを実装するためにどのように変更イベントをリッスンしますか?

Question

ネイティブ イベントを使用して入力ボックスをリッスンし、変更されたときにそのようなイベントをバインドします。このコールバック関数の実行条件は、入力ボックスがぼかされた後です

リーリー

ただし、Vue.js や React.js などのフレームワークでは、変更イベントにバインドされた入力のコールバック関数をトリガーするためにブラーを必要としません。代わりに、IE の onpropertychange イベントと同様に、各リアルタイム入力によってコールバックがトリガーされます。

これはどのように行われるのでしょうか?

Answer 1

しかし、Vue.js や React.js などのフレームワークでは、change イベントにバインドされた入力のコールバック関数をトリガーするためにブラーを必要としません。代わりに、IE の onpropertychange イベントと同様に、各リアルタイム入力がコールバックをトリガーします。 これはどのように行われるのでしょうか?

vue の入力ボックスはデフォルトで入力イベントをリッスンするため、入力によってコールバックがトリガーされます。以下の方法で変更時のトリガーに変更できます。

リーリー

Answer 2

実際、フレームワーク レベルの最下部にはまだ DOM イベントの監視があります。たとえば、前述の入力入力ボックスは入力イベントを監視しますが、Vue フレームワークは入力イベントに操作を記述する必要はありません (ただし、入力イベントに操作を記述することはできます)。書き込まれる）、DOM の変更をデータ モデルの変更に自動的に変換します。

最近 gitchat で共有しました。ここで確認できます。高度な JavaScript: 双方向データ バインディングについての深い理解

Answer 3

あなたの質問によると、SF にはまだそのような記事がたくさんあります。
@Dengmuqin は実際に盗まれました。この記事については、以下のリンクの説明を参照してください。