ホームページ > ウェブフロントエンド > Vue.js > vue での計算と監視の違いは何ですか?

vue での計算と監視の違いは何ですか?

青灯夜游
リリース: 2020-11-13 15:45:25
オリジナル
13096 人が閲覧しました

相違点: 計算された属性 computed はキャッシュをサポートしており、依存するデータが変更された場合にのみ再計算されます。非同期はサポートされておらず、computed に非同期操作があり、データの変更ができない場合は無効になります。監視されています。監視属性ウォッチはキャッシュをサポートしていません。データが変更されると、対応する操作が直接トリガーされ、非同期がサ​​ポートされます。

vue での計算と監視の違いは何ですか?

watch は、名前が示すように、データの変更を監視するために使用されます。監視できるデータ ソースは props、data、data in の 3 つです。 computed; watch は 2 つのパラメータ (newValue、oldValue) を提供します。最初のパラメータは新しい値で、2 番目のパラメータは古い値を保存します。

computed は複雑な論理演算を処理するために使用され、主にメソッド ストレージ メソッド; メソッド ストレージ メソッド、 、computed は、処理する必要があるデータ値を保存します。メソッドは毎回呼び出され、computed にはキャッシュ メカニズムがあり、変更された場合にのみ実行されるため、パフォーマンスが向上します。

コンピューターと vue の監視の違い:

計算された属性の計算:

1. キャッシュをサポートし、依存するデータが変更された場合にのみ再計算されます。

2. 非同期はサポートされていません。計算結果に非同期操作がある場合は無効です。データの変更を監視できません。

3. 計算された属性値はデフォルトでキャッシュされます。計算された属性はキャッシュされます。 data

#4 で宣言されたデータに基づいて計算される応答性の依存関係に基づきます。属性が他の属性から計算される場合、この属性は他の属性に依存し、多対 1 または 1 になります。 -to-one、通常は computed

5 を使用します。 computed 属性の場合、値が関数の場合、デフォルトで get メソッドが使用されます。関数の戻り値は、属性。計算済みでは、属性には get メソッドと set メソッドがあり、データが変更されると set メソッドが呼び出されます。

Listening 属性ウォッチ:

1. キャッシュはサポートしません。データ変更は対応する操作を直接トリガーします。

2.watch は非同期をサポートします。

3 . リスニング関数は 2 つのパラメータを受け取ります。最初のパラメータは最新の値です。2 番目のパラメータは入力前の値です。

##4. 属性が変更されると、対応する操作を実行する必要があります。1 対多数;

#関連する推奨事項:

##2020 年のフロントエンド Vue インタビューの質問の概要 (回答付き)

# vue チュートリアルの推奨事項: 2020 年の最新の vue.js ビデオ チュートリアル 5 選

プログラミング関連の知識の詳細については、プログラミング教育をご覧ください。 !

以上がvue での計算と監視の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート