Vue笔记：如何用v-once指令实现动态组件的简单示例？

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

原文示例：本文实例讲述了Vue动态组件和v-once指令。分享给广大开发者参考，具体如下：点击按钮时，自动切换两个组件：component :is=type / component。当点击按钮后，会自动清除原来的组件，显示“。

改写后：本文通过实例介绍Vue的动态组件和v-once指令。分享给广大开发者，具体操作如下：点击按钮，可切换两个组件。点击后，原组件将被清除，显示新组件。

本文实例讲述了vue动态组件和v-once指令。分享给大家供大家参考，具体如下：

点击按钮时，自动切换两个组件

<component :is="type"></component>，当点击按钮之后，会自动清除原来的组件，显示新的组件。

每一次切换，都需要销毁+创建

但是这样消耗有点大，所以我们在子组件中引用了v-once指令，这样可以将显示在页面中的组件存到内存中，不会完全销毁。