vue keep-alive缓存遇到的坑

     最近公司要用vue来开发项目,身为一个后端开发人员只好边学边做了 最近要用到vue的页面缓存,记录一下踩的坑.

      通过查看文档知道vue中keep-alive用来缓存组件,避免多次加载相应的组件,减少性能消耗，简单一点来说就是从页面1链接到其他页面后回退到页面1不用在重新执行页面1的代码，只会从缓存中加载之前已经缓存的页面1，这样可以减少加载时间及性能消耗，提高用户体验性。

    

文档上是这样的写的 但是我这样写完全不起作用 具体原因始终找不到 只好采用其他方式了 而且这个地方有个坑是 使用include/exclude 属性需要给所有vue类的name赋值 并不是路由的name属性，否则 include/exclude不生效

第二种方式就是 通过下面这种方式来假判断  :

 

然后只要在路由配置中加上 keepAlive : true 属性就可了