vue关于页面缓存的问题

博客以Vue为例,给出3个路由A、B、C的跳转案例,默认显示A,A到B,B到C,C返回A。还指出keep - alive标签里组件会缓存,create生命周期只执行一次,active每次进入组件时执行;无缓存组件无active生命周期,create每次进入时执行,还提及点击返回清除data的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue关于页面缓存的问题

案例

假设有3个路由:A,B,C。需求
默认显示 A
A可以跳转到B
B可以跳转到C
这里 C 返回A

问题

 假如我重新 从==A ==–>==B==->==C== ,
之前退出==C==页面的数据还在,
怎么在==C==返回==A==时清除数据.

总结

  1. 在keep-alive标签里面的组件都会缓存记录,相对于生命周期create和active都会执行,但是create只执行一次,就是创建的时候执行一次,但是active会在每次进这个组件的时候都会执行,而没有缓存的组件是没有active这个生命周期的,所以create会在每次进这个组件的时候都会执行一次。
  2. 点击返回的时候清除data 的时候使用的 Object.assign(this. d a t a , t h i s . data, this. data,this.options.data());
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值