私が遭遇した問題を次のように単純化して考えてみましょう。

デフォルトのエクスポート { データ （） { 戻る { i_change_alot: 0、 }; }、 マウントされた() { setInterval(() => { this.i_change_alot = Math.random(); }、10); }、 計算結果: { someComputedValue() { this.i_change_alot; 「a」を返します; } } } 

10 ミリ秒ごとにランダムな値に変化する属性 i_change_alot を作成しました。これは、プロパティが非常に反応的になるため、計算されたプロパティがトリガーされることを意味します。

単純に this.i_change_alot を呼び出すことで依存関係をトリガーします (たとえば、) が、計算されたプロパティの result は決して変更されません。

最終結果は、計算されたプロパティ someCompulatedValue が 10 ミリ秒ごとに更新され、私の知る限り、ビューの再レンダリングがトリガーされます。

someCompulatedValuevalue/resultが変更された場合のみ再レンダリングするようにするにはどうすればよいですか?

(元の質問は、「1 秒前」、「2 秒前」などの反応的な相対日付の表示に関するものでした。ただし、しばらくすると、これは 30 分前 になります。 < code>31 minutes ago これは、1 分間文字列表現が変更されていないものの、date 属性への依存関係により 10 ミリ秒ごとに再レンダリングされることを意味します。

https://github.com/vuejs/vue/issues/11399 によると、オブザーバーを使用して構造体を作成できますが、直感に反しているように見えます。