keep-alive：主要用于保留组件状态或避免重新渲染。 比如： 有一个列表页面和一个 详情页面，那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话 列表 和 详情 都是一个频率很高的页面，那么就可以对列表组件使用<keep-alive>< ...

　　一、问题提出 　　在我们用Vue.js做移动端开发的时候，经常会遇到这样的应用场景： 　　首先，让用户看到新闻列表；然后点击新闻标题，切换到新闻详情的组件，以展示新闻详情。 　　很多应用场景都于此类似，比如先进入商品列表，点击某一个商品条目，则切换到商品详情的组件。 　　这种场景往往会 ...

keep-alive 保持活跃，在vue中我们可以用其来保存组件的状态，对组件进行缓存。 keep-alive 我们常在列表页使用，比如我们在业务上经常会有要求，当查看完某一列表详情页时，返回列表页，需要回到原来的位置，并保持页面的状态。 回到页面的初始位置 ...

Vue中keep-alive的使用我总结的有两种方式应用： 首先简述一下keep-alive的作用，kee-alive可以缓存不活动的的组件。当组件之间进行相互切换的时候，默认会销毁，当重新切换回来时又重新初始化。现在有需求切换回来不销毁组件，保持原来的状态，此时用keep-alive就可以实现 ...

keep-alive 有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。 官网解释： 包裹动态组件时，会缓存不活动的组件实例，而不是销毁 ...

： 　　keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单 ...

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单： ...

vue2: <template>　　<keep-alive>　　 <router-view></router-view>　　</keep-alive></template> vue3:<template> ...