vue关于keep-alive的使用

vue关于keep-alive的使用

起因：公司项目使用vue需要实现跳转页面之后再返回，保留原页面状态

技术，需要使用keep-alive

分享今天vue，跳转页面再返回时，保持原页面状态，使用keep-alive遇到的小问题：

接手别人的项目，已经定义了keep-alive，但是返回原页面还是会清除之前的状态。
各种方式都尝试过了，还是无效果，VUE创建，销毁，路由离开等方法。

随后对比开源的vue（vue-element-admin），和自己项目里面的vue，为什么都用了keep-alive，自己项目里面却没缓存到，最后发现，是.vue文件里面写的name和router里面定义的name不一致！！！（应该是之前写前端的人，不想要缓存原状态，把所有页面改了名字，其实这样还是效率不好，因为所有页面都进行缓存了，所以可以自己在router里面的meta定义一个变量，是否需要缓存，然后AppMain.vue/或自身项目对应的外层布局文件里面进行判断）

在router里面定义的路由name，需要和xx.Vue里面的name一致，即export  default {name:  "定义的名字"}   

vue-admin地址：https://panjiachen.github.io/vue-element-admin/#/