vue缓存之keep-alive,设置想要缓存的页面

2019-12-14 21:01:30
结合router,缓存部分页面
<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
{
  path: '/',
  name: 'Hello',
  component: Hello,
  meta: {
    keepAlive: false // 不需要缓存
  }
},


虽然include,和exclude也能处理这个情况,但我不推荐这样。不好操作。

我们也可以监控,route变化,动态复制keep-live,看下一篇文章


include 使该标签作用于所有name属性的值跟此标签 include的属性值一致的vue页面


exclude 使该标签不作用于所有name属性的值跟此标签 exclude的属性值一致的vue页面


然后我就掉进坑里了,配置了一堆路由的name!!!!!无效!!!


使用include/exclude 属性需要给所有vue类的name赋值(注意不是给route的name赋值),否则 include/exclude不生效



  • 2018-01-08 22:12:20

    加快gradle的编译速度总结-亲身经历

    这两题集成mob的maven,这个编译速度是慢的可怜啊,经过百度得出了这样一个方案,配置好以后那可是神速啊,妈妈再也不用担心我的编译速度看。嗷嗷的。

  • 2018-01-11 09:07:01

    微信小程序的组件用法与传统HTML5标签的区别

    小程序刚开放公测,互联网圈内开始了各种解读和猜测。其中有观点认为小程序和HTML5有着紧密关联,甚至小程序就是基于HTML5开发。 经过仔细研究文档和代码开发,从视图层的角度来说,小程序与传统HTML5还是有明显的区别,主要区别在于: