首页 > 编程知识 正文

vue immediate,vue组件生命周期

时间:2023-05-04 12:13:29 阅读:147677 作者:559

ActivaTed3360----vue的生命周期,指激活keep-alive缓存以优化性能,其相应的生命周期为deactivted。

例如,如果//页有keep-alive缓存,则此函数将触发activated({}keep-alive )

使用场景:当a页跳转到b页,操作完成后b页返回a页时,a页上的数据仍然存在,需要在a页上使用keep-alive缓存。

使用方法: keep-alive一般与根router-view组合使用。 因为在Vue中页面的跳转是通过路由实现的。

使用步骤:首先将元对象添加到构成页面吉鲁的js文件的指定页,向对象添加keepAlive (需要缓存)属性或normal (不需要缓存)属性,然后在页面上)通常是项目的主文件

案例: route.jsimportrouterfrom ' vue-router ' vue.use (router ) exportconstconstantroutermap={ path 3360 '/XXX ',path 只要normal:true //keepAlive和normal都存在即可} } exportdefaultnewrouter ({ routes 3360 constater } $ route.meta.keepalive router-view keep-aliverouter-viewv-if=' $ route.meta.keepalive '/router-view/$ route.meta.normal '/route

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。