《图解Vue3.0》- 第14节 动态组件和异步组件

动态组件

在内置指令中,有一个指令is,使用它可以实现动态组件。
使用动态组件方式:

示例

dynamic.vue




compoent1/2/3.vue




在动态组件上使用 keep-alive

不知道在上面的例子中,大家有没有发现一个问题,就是当组件切换时,组件会被销毁。那么,如果为了提升性能,我能不能在切换的时候不销毁组件呢?自然是可以的,就是加上keep-alive。它的功能就是保持组件的状态,以避免反复重渲染导致的性能问题。

这里仅做了了一点变化:

    
        
    

dynamic.vue




异步组件

// TODO
学习vue router 时再完成此部分内容

你可能感兴趣的:(《图解Vue3.0》- 第14节 动态组件和异步组件)