Vue.js コンポーネントをstateに入れて動的にコンポーネントを切り替える - Qiita

個人的メモ 前提 大きめのSPAを開発するに中で、あるコンポーネントを呼び出す際、その中身を呼び出し元毎に変えたいってあるよね。（例えばモーダルとか） 中身のパターンが少しだけならtypeを渡してv-ifで切り替えてもいいけど多くなるとしんどいし、 <slot>を使えば簡単にできるけど、呼び出し元毎に同じコンポーネントを埋め込むのは非常にナンセンスな気が。。。 storeのstateに中身コンポーネントを格納しておいて呼び出し元でそのstateを別のコンポーネントに更新すると中身コンポーネントも切り替わるという設計で作成すればかなり柔軟なのではないかと行き着きました。 問題 ということでモーダルを作りました。が いざモーダルを表示してみるとstateの中身コンポーネントがレンダリングされないなぜ！（文字列でfunction(){...}が表示される） ってインスタンスのcomponents