vue 使用 keepAlive 坑

1. transition和keep-alive一起使用的时候要将transition作为keep-alive的父容器,否则keep-alive的效果出不来

vue 使用 keepAlive 坑

2. 将需要缓存的页面在路由配置的meta中写上keepAlive: true,不需要缓存的就不用写

vue 使用 keepAlive 坑

3. 有的页面需要缓存,有的页面不需要缓存,所以需要做判断。需要使用第二种方法,因为第一种方法在第一次进入页面的时候keep-alive的效果不会出现,第二种方法可以解决。(这个判断是在要缓存的页面做的)

vue 使用 keepAlive 坑

4. 不要页面缓存的地方主要就是动态的去改变路由中的配置