欢迎来到酷客淘商城,为站长提供交易担保服务 访问移动版
站长交易首选担保平台!
酷客淘

vue keep-alive添加

日期: 2019-11-13 08:25:08 人气: -

keep-alive的生命周期 


activated: 页面第一次进入的时候,钩子触发的顺序是created->mounted->activated 


deactivated:  页面退出的时候会触发deactivated,当再次前进或者后退的时候只触发activated


<keep-alive>

    <router-view v-if="$route.meta.keepAlive"></router-view>

</keep-alive>

<router-view v-if="!$route.meta.keepAlive"></router-view>

router配置


routes: [

  {

    path: '/',

    name: 'index',

    component: index,

    meta: {

      requiresAuth: true,

      keepAlive: true

    }

  }

]