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

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

什么是 keep-alive? 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。 也就是说，kee-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染 ...

vue中强大的缓存机制之keep-alive 　　最近在用vue做项目，在切换页面时发现切换回原来的页面无法保存原来的状态。 如A页面需要ajax请求数据，然后切换到B页面做某些事情，再切换回A页面时，A页面又再请求数据，但是作为前端，性能优化时必须要考虑的，并且，vue构建的单页面应用，大多数 ...

　　多个组件使用同一个挂载点，并且进行动态的切换这就是动态组件。 　　通过使用<component>元素动态的绑定到它的is特性，来实现动态组件 　　使用动态组件来回切换时，组件是要被销毁的，若不想让数据销毁可以使用<keep-alive>，它可以包裹动态 ...

component 注意：component动态组渲染组件时，当切换组件后，之前的组件会被销毁，用户之前在该组件的数据也会被清除，所以我们会使用<keep-alive>包裹动态组件，此时失活的组件会被缓存，当它被在此渲染的时候能够保留之前用户的数据 ...

背景 今天在看开源框架 vue-element-admin 发现了一个有意思的使用方法——给 keep-alive 组件绑定了 key。对于这个的作用不是很理解，查阅了相关的资料，记录总结一下。 keep-alive 和 router-view 介绍 keep-alive 先说 ...

　　<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 　　<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 　　<keep-alive> 与 < ...