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