Speaker

VueはProxyを使って、一般的なデータ構造に対するミューテーションに対してリアクティビティを提供しています。

これは便利である一方で、defineModelやwritable computed、果てはpropsまでもが、暗黙的なミューテーションによるデータフローの混乱をもたらす源泉となりうる危険な機能でもあります。

例えば、propsにオブジェクトを渡したとき、その渡された子コンポーネントは誰にも怒られることなくそのオプジェクトをミューテーションすることができます。

このLTでは実体験から、Deep Reactiveのよくあるデータフロー混乱パターンを紹介し、どのような回避手段があるかを検討します。