vue中的keep-alive

最近在优化项目的时候，突然看到keep-alive，就大概了解了下。
我的项目属于后台管理项目，里面有很多种tab和搜索条件，如下图：

大部分页面都是这样的.png

本来，是自己用localStorage来存储搜索条件、分页、tab的，但是这样的话，页面里面就会有十几个localStorage，存储赋值太繁琐。发现使用keep-alive就能解决，但keep-alive也有不足——无法再关掉项目后，再次打开的时候，存储之前的条件。但是考虑到实际使用场景，还是用keep-alive比较方便。

记录下使用方法：

• router.js中设置

  
  router配置.png

• App.vue入口文件设置

  
  入口页面设置.png