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>