photo by Josh Hallett Vue.jsのcomputed property(以下computedと表記)がどのように依存しているdataが更新されたときだけ再計算されるのかを調べてみました。 基本的なcomputed propertyの使い方 目的の異なるcomputedが複数あるとします 依存関係が違う場合は実行されない どのように実装しているのか Observer Watcher 仮説 1. computed を一度でも実行する前は、いくら data を変更しても再計算されない 2. computed を実行中に Dep.target を覗いてみると自分自身を内包した Watcher オブジェクトを確認できる 3. data 変更をしなくても dep.notify() を実行すれば computed が再計算される まとめ 基本的なcomputed propertyの
![Vue.jsはどのようにComputed Propertyの依存関係を解決しているのか - もふもふ技術部](https://cdn-ak-scissors.b.st-hatena.com/image/square/76e716f235b85a726b5f067dca3e4f8cef0e672c/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmofmof-inc%2F20240110%2F20240110172809.jpg)