vue------計算属性computed使用方法

テンプレート内の式は非常に便利ですが、単純な演算に使用されるように設計されています.テンプレートに論理を入れすぎると、テンプレートが重すぎてメンテナンスが困難になります.
{{ message.split('').reverse().join('') }}
複雑な論理では、計算プロパティを使用する必要があります.
属性キャッシュvsメソッドの計算

は、同じ関数を計算属性ではなく方法として定義することができる.両方式の最終結果は確かに全く同じである.

とは異なり、計算属性は、それらの応答依存性に基づいてキャッシュされる.相関応答依存が変更された場合にのみ、値が再評価されます.

と比較すると、呼び出し方法は、再レンダリングがトリガーされるたびに関数を再実行します.

は、大きな配列を巡り、大量の計算を行う必要がある比較的大きな計算属性Aを有する.そして、他の計算属性がAに依存する可能性があります.キャッシュがなければ、Aのgetterを複数回実行することは避けられません.

キャッシュを望んでいない場合は、代わりに方法を使用します.

計算属性vsリスニング属性

watchオプションを使用すると、非同期操作(APIへのアクセス)を実行できます.この操作を実行する頻度を制限し、最終結果が得られる前に中間状態を設定できます.これらは計算プロパティではできません.