vue keep-alive不生效的情况

Question

我在app.vue里面直接加了个keep-alve，但是发现一个页面都没有被缓存，想请教一下这是为什么，以下是我的代码

Answer 1

是不是组件没写name属性？

Answer 2

一般做使用keep-alive，都是下面这种方式，因为有的页面可以被缓存，但是有的却不行。

 <transition name="fade" mode="out-in">
      <!-- 做菜单页面缓存 -->
     <keep-alive>
        <router-view v-if="$route.meta.keepAlive"></router-view>
     </keep-alive>
    </transition>

然后至于你的问题。根据你提供的信息，目前是看不出来到底是什么bug。
但是keep-alive的使用会触发两个钩子函数activated、deactivated
你可以通过debugger看这两个钩子函数的触发来排查具体问题。