視圖組件加載位置

/**max最大緩存頁面數(shù)*/<keep-alive max="5">/** 需要緩存的視圖組件*/<router-view v-if="$route.meta.keepAlive" ></router-view></keep-alive>/** 不需要緩存的視圖組件 */<router-view v-if="!$route.meta.keepAlive"></router-view>

路由里

{path: 'index',name: 'index',component: () => import(/* webpackChunkName: 'home'*/"@/views/home/index/index.vue"),},//路由懶加載以及webpackChunk配置meta: {keepAlive: true,title: '首頁'} }

keep-alive的生命周期

activated： 頁面第一次進入的時候，鉤子觸發(fā)的順序是created->mounted->activated deactivated: 頁面退出的時候會觸發(fā)deactivated，當(dāng)再次前進或者后退的時候只觸發(fā)activated可以通過路由守衛(wèi)動態(tài)更改緩存值得狀態(tài) vue-router提供了三個鉤子，beforeRouterEnter、beforeRouterUpdate、beforeRouteLeave。 beforeRouterEnter（to,from,next){ 　　next(vm=>{}) }

總結(jié)

以上是生活随笔為你收集整理的keeplive的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。