ブックマーク / www.mof-mof.co.jp (1)

  • Vue.jsはどのようにComputed Propertyの依存関係を解決しているのか - もふもふ技術部

    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の依存関係を解決しているのか - もふもふ技術部
    kozo002
    kozo002 2019/08/23
  • 1