最近在优化项目的时候，突然看到keep-alive，就大概了解了下。
我的项目属于后台管理项目，里面有很多种tab和搜索条件，如下图：
大部分页面都是这样的.png
本来，是自己用localStorage来存储搜索条件、分页、tab的，但是这样的话，页面里面就会有十几个localStorage，存储赋值太繁琐。发现使用keep-alive就能解决，但keep-alive也有不足——无法再关掉项目后，再次打开的时候，存储之前的条件。但是考虑到实际使用场景，还是用keep-alive比较方便。
记录下使用方法：
router.js中设置
router配置.png
App.vue入口文件设置
入口页面设置.png
使用keep-alive缓存不了iframe界面原因 （1）vue中的keep-alive 【1】原理：Vue 的...
vue中keep-alive 前进后退时页面数据缓存和刷新问题 keep-alive用法： 1、在app.vue中...
vue2.0中keep-alive实践 vue2.0提供了一个keep-alive组件，用来缓存组件,避免多次加载...
vue的
1. keep-alive组件的作用 为什么使用keep-alive？在Vue中，我们使用component内置...
如何理解vue中的keepalive? keep-alive是 vue 源码中实现的一个组件，源码地址https:...
1.vue MVVM模式2、
vue中:
使用keep-alive 1、在项目的app.vue文件中添加keep-alive 2、在router文件夹下的i...
一、Keep-alive 是什么 keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，...
本文标题：vue中的keep-alive
本文链接：https://www.haomeiwen.com/subject/rutpmltx.html
网友评论