vue - 动态组件

动态组件详解
https://www.cnblogs.com/xiaohuochai/p/7395694.html

动态组件使用注意事项：

• 动态组件类似于v-if渲染, 组件切换时,数据会重置, 使用keep-alive组件包裹之后, 会缓存组件数据,防止重置

		<keep-alive>
            <component :is="comName"></component>            
        </keep-alive>

• 动态组件添加过渡

		<transition>
            <component :is="comName"></component>
        </transition>

• 动态组件既保留数据又添加动画, 要把transition写外层,keep-alive写里层

		<transition>
             <keep-alive>
                <component :is="comName"></component>
            </keep-alive>
        </transition>