30.keep-alive指定路由缓存与否

 

exclude-字符串或正则表达,任何匹配的组件都不会被缓存。

include-字符串或正则表达式,任何匹配的组件都不会被缓存。

1.使用此功能的前提是在页面加上name,keep-alive才可以指定缓存,如

About.vue页面

export default {
    name:'About',
     data(){
        return{};
    }
    }

2.为了方便查看页面是否被重新创建与销毁,页面加入两个函数。

  created() {
    console.log('user created');
  },
  destroyed(){
     console.log('user destroyed');
  },

3.App.vue

    //缓存排除Profile与、User页面
    <keep-alive exclude="Profile,User">
    <!-- <keep-alive include="Profile,User"> -->
          <router-view></router-view>    
    </keep-alive>

 

上一篇:Python应用实战-Clumper库 | 常用的数据操作函数


下一篇:vue中使用keep- alive缓存机制,切换标签含有iframe标签的界面会被重新刷新的问题处理