从零开始学VUE之VueRouter(keep-alive)

从零开始学VUE之VueRouter(keep-alive)

keep-alive

用于缓存页面路由,让Vue在跳转路由的时候不销毁组件

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

使用之后,可以在组件中回调两个生命周期钩子函数

activated和deactivated

activated在路由激活的时候调用,deactivated在离开的时候调用

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

 

标签：VUE,deactivated,activated,alive,keep,VueRouter,路由
来源： https://blog.51cto.com/u_15196075/2967785