1.全局使用

App.vue

<template>
    <div id="app">
        <keep-alive>
            <router-view v-if="$route.meta.keepAlive"></router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive"></router-view>
    </div>
</template>

router文件夹里的index.js

const routes = [{
    path: '/',
    name: 'login',
    component: () => import('../views/login.vue'),
    meta: {
        keepAlive: true
    }

}

keep-alive 使用方式
1.全局使用 App.vue router文件夹里的index.js
前端常见面试题（三）
1. keep-alive组件的作用为什么使用keep-alive？在Vue中，我们使用component内置...
vue前进刷新，后退不刷新
1、使用keep-alive 2、默认列表页keep-alive 为true 3、在列表页使用下面代码
使用 keep-alive 的 include 和 exclud
最近在使用vue + element-UI开发的后台管理项目中，优化 keep-alive 的使用方式时遇到了一些...
『动善时』JMeter基础 — 9.取样器sampler（二）
6）使用keep Alive：当该选项被选中时，JMeter和目标服务器之间使用Keep-Alive方式进行HT...
(五)keep-alive与activated
本节知识点 (1) keep-alive (2)activated 使用详情 (1)keep-alive keep...
keep-alive介绍及应用场景
HTTP keep-alive 项目中使用axios开启 Http Keep-Alive Vue keep-al...
【Vue 踩坑】解决Vue组件返回刷新的问题
使用解决Vue组件返回刷新问题，下面是我的使用心得。是Vue的内置...
vue3使用 keep-alive对iframe进行缓存
使用keep-alive缓存不了iframe界面原因（1）vue中的keep-alive 【1】原理：Vue 的...
VUE 动态组件&异步组件
在动态组件中使用 keep-alive 在动态组件中使用keep-alive可一缓存组件在组件切换的时候不会重新...