玩转Vue3的keep-alive功能
最编程
2024-08-02 20:21:20
...
vue3相比于vue2变化挺大的,在vue2中使用的时候,keep-alive是在router-view外层的。
如下:
<template>
<router-view v-slot="{ Component }">
<keep-alive>
<component :is="Component"></component>
</keep-alive>
</router-view>
</template>
<script setup lang="ts"></script>
部分组件缓存:
<template>
<router-view v-slot="{ Component }">
// Home、My是name属性名
<keep-alive :include="['Home', 'My']">
<component :is="Component"></component>
</keep-alive>
</router-view>
</template>
<script setup lang="ts"></script>
推荐阅读
-
玩转多功能纳米材料:四巯基卟啉修饰UiO66、ZIF67-C3N4和Fe3O4@MOF-199@C18的神奇组合
-
玩转Rust的时间功能:如何获取、计算和操作当前日期与时间?
-
玩转STM32-F429系列:ADC的电压采集功能详解(第30章)
-
玩转Oracle函数:探索LISTAGG的强大功能
-
玩转Oracle EBS:如何轻松禁用表单的其它修改功能?
-
玩转SQLSERVER:探索ListAGG的强大功能
-
玩转Oracle函数:探索LISTAGG的强大功能
-
玩转mxgraph示例(一):轻松连接节点的anchors功能
-
玩转MySQL数据库:探索Cursor的强大功能
-
玩转开源硬件!探索多功能FPGA-JTAG的无限可能