首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >从零开始学VUE之VueRouter(keep-alive)

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

作者头像
彼岸舞
发布2021-07-01 18:13:16
发布2021-07-01 18:13:16
3830
举报

keep-alive

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

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

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

activated和deactivated

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

代码语言:javascript
复制
<!--    缓存路由-->
<keep-alive>
<!--    用于展示组件-->
<router-view/>
</keep-alive>

作者:彼岸舞

时间:2021\06\28

内容关于:VUE

本文属于作者原创,未经允许,禁止转发

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-06-28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • keep-alive
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档