Vue.js の provide/inject を使って UI State を props から逃がす - odan blog

isLoading などの UI State を props によるバケツリレーではなく provide/inject 機能を使ってグローバル変数に逃がす例を紹介します。 UI State の定義 この記事での UI State とはモーダルの表示や、ボタンのローディングアニメーション、トグルボタンのオンとオフの間などの状態を指します。つまり、アプリケーションとして問題を解決するのに必要な状態ではなく、UI の表示切り替えなどに必要な状態です。 UI State をどこで持つか UI State はアプリケーションが問題を解決するのに必要な状態ではないため、できる限り影響範囲を小さく抑えておきたいです。 モーダルの表示/非表示は、そのモーダル自身に表示に関するフラグを持たせることで、その影響範囲をモーダルだけに限定できます。 一方で、API 呼び出しと紐付いていることが多いボタンのローディ

[odan3240]

書いたけど、かなり寝かしてたせいで感想にもうちょっとかけることあったと思うんだけど忘れちゃった