javascript - vueのcomputedとwatchの違いは何ですか?

Question

タイトルにあるように、vue.js 公式ドキュメントで計算されたフルネームの取得の例を参照してください:

リーリー リーリー

新人は両者の違いが分からないと言っていますが、時計は計算のように取得できないのでしょうか？

Answer 1

computed を使用すると作成するコードが減り、大きな違いはありません

Answer 2

私はまだ違いがあると思います、そして 2 つの適用状況は区別されるべきです。

計算されたプロパティは計算されたプロパティであり、観測値は観測値です。

名前が示すように、計算属性は、依存する 2 つの変数、firstName と lastName が変更されたときに、他の変数を通じて計算される別の属性です。

また、計算されたプロパティにはキャッシュがあります。計算されたプロパティは、依存関係に基づいてキャッシュされます。計算されたプロパティは、関連する依存関係が変更された場合にのみ再評価されます。つまり、lastName も firstName も変更されていない限り、fullName 計算プロパティに複数回アクセスすると、関数を再度実行することなく、直前の計算結果が即座に返されます。

監視とは、特定の値を監視し、値が変化したときに特定の関数を実行することです。たとえば、ページング コンポーネントでは、ページ番号を検出し、データを取得する関数を実行できます。

さらに詳しくドキュメントを確認できます: https://cn.vuejs.org/v2/guide...

Answer 3

より読みやすくなり、一般にコードが少なくなります。

Answer 4

簡単に言えば、computed はキャッシュに基づいており、watch は関数に相当します。個人的には使い方がわかれば十分だと思いますので、具体的な違いを説明します

計算された属性はもっと広く使用されるべきだと思います