天天看點

從零開始學VUE之VueRouter(keep-alive)

keep-alive

用于緩存頁面路由,讓Vue在跳轉路由的時候不銷毀元件

直接将<keep-alive>标簽,包裹<router-view>即可

使用之後,可以在元件中回調兩個生命周期鈎子函數

activated和deactivated

activated在路由激活的時候調用,deactivated在離開的時候調用

<!--    緩存路由-->
<keep-alive>
<!--    用于展示元件-->
<router-view/>
</keep-alive>           

複制

從零開始學VUE之VueRouter(keep-alive)

作者:彼岸舞

時間:2021\06\28

内容關于:VUE

本文屬于作者原創,未經允許,禁止轉發