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

methods

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

computed

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

watch

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