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

所谓动态组件就是让多个组件使用同一个挂载点，并动态切换。 is 用法 通过使用保留的 <component></component> 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换。根据 v-bind:is="组件名" ，组件名就会 ...

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

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

对keep-alive组件的理解 当在组件之间切换的时候，有时会想保持这些组件的状态，以避免反复重渲染导致的性能等问题，使用<keep-alive>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 描述 重新创建动态组件的行为通常是非常有用的，但是在有些情况下我们更希望 ...

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

首先看项目需求，如果是需要全部组件缓存，每次进去只刷新数据，只需要把路由meta的keepAlive设为true即可。 而在缓存周期中activated()钩子函数，只会更新数据，不会刷新页面。 但是很多项目的需求并不是这样，是想要动态设置组件是否缓存，换句话说，需要缓存组件 ...

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