场景介绍 在项目前端设计中有一个需求，需要跳转到其他页面先拿到数据，再返回到原界面，但是原界面填写的数据会被刷新，因此在这个地方需要对页面的数据进行缓存 需求分析 项目使用的是Vue3，对于页面缓存，在网上搜索后锁定了keepAlive做缓存 简介 keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和transition相似，keep-alive是一个抽象组件：它自身不会渲染成一个DOM元素，也不会出现在父组件链中。 作用：在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。 原理：在created...

一.Vue3项目情况说明 router文件夹下的index.js import{createRouter,createWebHashHistory}from"vue-router" constroutes=[ { path:'/saoma', name:'Saoma', //redirect:'/saoma', component:()=>import('../views/saoma.vue') }, { path:'/home', name:'home', component:()=>import('../views/home.vue') }, { path:'/', nam...