vue多级路由嵌套怎么动态缓存组件

Question

有这么3个页面 app.vue，home.vue，homework.vue
app.vue -> home -> homework3个页面属于路由嵌套关系
我要缓存homework,是只需要在app里的include加入homework的name，还是需要在app和home页面的include都加上呢？
app.vue

<keep-alive include="homework">
  <router-view></router-view>
</keep-alive>

home.vue

<router-view></router-view>
<van-tabbar-item name="工作台" to="/homework" icon="qr">工作台</van-tabbar-item>

homework.vue

Answer 1

应该是在home.vue页面里面写个keep-alive,你在app.vue里面写的话只能匹配到 home页面,app和homework之间是爷孙关系,不能缓存到的