vueのcomputedとmethodsの使い分け

computedはリアクティブ(htmlとデータモデルをバインドしたいデータ)が変わった時に再計算されるもの zenn.dev

リロードしようが値を保持続けるらしい。

なので、リアクティブな値を使った計算で使う。

メソッドは普通のプログラムのメソッドなので、リアクティブじゃない値で使う。

使い分け

アクティブな値に変更があったら、computedは再計算をしてしまうので、そうしたくない際にはmethodを使うこと