Vue中如何深入理解动态组件与内置组件的运用原理？

本文共计1214个文字，预计阅读时间需要5分钟。

目录

一、动态组件

二、内置组件

一、动态组件

在Vue中，有许多组件可以挂载到同一个挂载点上，实现动态切换。要实现多个组件在同一个挂载点上的动态切换，我们可以使用``标签，并通过`:is`属性动态绑定组件名称。

二、内置组件我们可以通过内置组件``来实现组件切换时的过渡效果。在Vue中，``组件可以包裹任何组件，使其在切换时具有过渡效果。

.fade-enter-active, .fade-leave-active { transition: opacity 0.5s;}.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ { opacity: 0;}

目录

• 一、动态组件
• 二、内置组件

一、动态组件

在vue中，有很多的组件可以挂载同一个挂载点上面，要在同一个挂载的点上的多个组件之间可以实现动态的切换渲染，我们可以通过内置组件component的is属性动态的绑定组件，然后我们就可以根据is的值来决定哪一个组件要被渲染，非常的方便。