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

前言 在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router。vue-router不保存被切换组件的状态， 它进行push或者replace时，旧组件会被销毁，而新组件会被新建，走一遍完整的生命周期。 但有时候，我们有一些需求，比如跳转到详情页面时 ...

前言 在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router。vue-router不保存被切换组件的状态， 它进行push或者replace时，旧组件会被销毁，而新组件会被新建，走一遍完整的生命周期。 但有时候，我们有一些需求，比如跳转到详情页面时 ...

原文地址 在vue项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结果列表,这时候就需要用到vue的keep-alive技术了. keep-alive ...

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

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

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

专属生命周期 用于子组件缓存，可以让子组件缓存还是不缓存 网上找的很不错， 1、直接使用 include - 字符串或正则表达，只有匹配的组件会被缓存 exclude - 字符串或正则表达式，任何匹配 ...