Vue使用keep-alive设置哪些组件可以被缓存,哪些不被缓存

需求:当一个项目中,不是所有的组件页面都需要缓存起来,因为有些页面是不需要的

 


    

    

 $route.meta.keepAlive

判断当前组件是否有keepAlive属性

在路由js文件中在配置路由规则的时候配置

Vue使用keep-alive设置哪些组件可以被缓存,哪些不被缓存_第1张图片

{
        path: 'user-pwd', // 重置密码
        component: () => import('@/views/user/userPwd.vue'),
        name: 'user-pwd',
        meta: {
          title: 'user-pwd',
          keepAlive: true //表示加了这个属性才有缓存效果,不加就没有
        }
      },

 

你可能感兴趣的:(Vue,vue.js,缓存,前端)