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不生效



  • 精彩推荐

  • 2017-03-27 16:24:26

    laravel，gulp，Browsersync浏览器同步测试

    Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。

  • 2017-03-28 09:27:41

    Java中Arrays的asList()方法

    Java中Arrays的asList()方法 可以将 数组转为List 但是，这个数组类型必须是 引用类型的，如果是8中基本数据类型就不可以 原因如下，引用别人的一篇文章：

  • 2017-03-28 10:58:01

    No such property: sonatypeRepo for class:

    这种问题一般是出现在导入一些开源项目的时候。原因为该项目的原作者会把项目发布到maven中央仓库中，所以在gradle中添加了相关的maven发布任务，而发布任务需要配置