Vue.js 在路由器视图中所有路由的单个路由上保持活动状态

如果在路由器视图中指定保持活动状态，如下所示

<keep-alive>
    <router-view></router-view>
</keep-alive>

然后，当重新访问该路由时，所有路由都被有效地缓存和重新加载

我希望能够在各个路由上指定保持活动选项

对于许多路由，只有1或2个需要保持活动状态，而不重新渲染缓存所有路由是无用的

是否有这样做的方法或解决方法

Vue 2.1.0版新增了用于有条件缓存组件的

include

和

exclude

道具。请注意

名称

选项的使用

const Foo = {
    name: 'foo',
  template: '<div><p v-for="n in numbers">{{ n }}</p></div>',
  data: function() {
    return {
        numbers: [Math.round(Math.random() * 10), Math.round(Math.random() * 10)]
    }
  }
}

const Bar = {
    name: 'bar',
    template: '<div><p v-for="n in numbers"><strong>{{ n }}</strong></p></div>',
  data: function() {
    return {
        numbers: [Math.round(Math.random() * 10), Math.round(Math.random() * 10)]
    }
  }
}

const Foo={
名称：“foo”，
模板：“
{{n}
”，
数据：函数（）{
返回{
数字：[Math.round（Math.random（）*10），Math.round（Math.random（）*10）]
}
}
}
常数条={
名称：'酒吧'，
模板：“
{{n}}
”，
数据：函数（）{
返回{
数字：[Math.round（Math.random（）*10），Math.round（Math.random（）*10）]
}
}
}

谢谢。。。yiu能否提供包含和排除道具的文档链接…再次感谢