🧰

【Vue】methods, computed, watchの違いを雑にまとめる

2022/04/15に公開

methods

  • 呼ばれれば実行される。
  • 値が何度も変更されると、毎回呼び出されることになるので、重くなる可能性がある。

computed

  • 結果がキャッシュされ、一度算出されたものは依存するデータが変更されない限り実行されず、キャッシュが返される。
  • キャッシュを利用できるものはcomputedにすると高速化できて良い。
  • 頻繁に画面の値が書き変わる場合は、computedの方が良さそう。

watch

  • watchに書かれた関数で値を返すことはない。
  • 非同期化したい高コストなものなどに使用。
  • できる限りcomputedで済ますが、returnをするcomputedが使えない場合に使う。

Discussion