Vueトラック
11:15 - 11:25
コンポーネントのライフサイクルとグローバル状態の扱い方
VueUse のコンポーザブルはコンポーネントの中で使われることを前提に設計されており、unmount 時に内部の処理を自動的に片付けてくれます。
これを自前のコンポーザブル内でシングルトン化すると、最初に呼んだコンポーネントが unmount されたとき、変数は残りながら中身だけが壊れるという気づきにくいバグが起こります。
調査する過程で VueUse には createGlobalState というグローバルに扱うための正しい方法が用意されていることを知りました。バグを生んでしまった経験をもとに、Vue のライフサイクル下でのコンポーザブルの適切な使い方をお話しします！
矢光 隆太郎
矢光 隆太郎
コンポーネントのライフサイクルとグローバル状態の扱い方
VueUse のコンポーザブルはコンポーネントの中で使われることを前提に設計されており、unmount 時に内部の処理を自動的に片付けてくれます。
これを自前のコンポーザブル内でシングルトン化すると、最初に呼んだコンポーネントが unmount されたとき、変数は残りながら中身だけが壊れるという気づきにくいバグが起こります。
調査する過程で VueUse には createGlobalState というグローバルに扱うための正しい方法が用意されていることを知りました。バグを生んでしまった経験をもとに、Vue のライフサイクル下でのコンポーザブルの適切な使い方をお話しします！