被keep-alive包裹的动态组件或router-view会缓存不活动的实例，再次被调用这些被缓存的实例会被再次复用，对于我们的某些不是需要实时更新的页面来说大大减少了性能上的消耗，不需要再次发送HTTP请求，但是同样也存在一个问题就是被keep-alive包裹的组件我们请求获取的数据不会再重新渲染页面，这也就出现了例如我们使用动态路由做匹配的话页面只会保持第一次请求数据的渲染结果，所以需要我们在特定的情况下强制刷新某些组件

include属性表示只有name属性为bookLists，bookLists的组件会被缓存，（注意是组件的名字，不是路由的名字）其它组件不会被缓存exclude属性表示除了name属性为indexLists的组件不会被缓存，其它组件都会被缓存

<keep-alive include="bookLists,bookLists">

      <router-view></router-view>

</keep-alive>

<keep-alive exclude="indexLists">

      <router-view></router-view>

</keep-alive>

export default[

 {

  path:'/',

  name:'home',

  components:Home,

  meta:{

    keepAlive:true //需要被缓存的组件

 },

 {

  path:'/book',

  name:'book',

  components:Book,

  meta:{

     keepAlive:false //不需要被缓存的组件

 }

]

<keep-alive>

  <router-view v-if="this.$route.meat.keepAlive"></router-view>

  <!--这里是会被缓存的组件-->

</keep-alive>

<keep-alive v-if="!this.$router.meta.keepAlive"></keep-alive>

<!--这里是不会被缓存的组件-->