vue keep-alive 数据更新问题

来源:互联网 发布:unity3d导入模型 编辑:程序博客网 时间:2024/06/13 00:37

在项目中使用<keep-alive>包含<router-view>实现页面缓存,加速页面加载,

同时,这种方式带来一些弊端,请看如下大神解释:

****************************************************************************

当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。

当再次进入(前进或者后退)时,只触发activated。

****************************************************************************

这就带来一个问题,之前在项目中使用mounted在页面加载时获取数据,使用<keep-alive>后方法不再生效,

根据上面的解释,将mounted替换为activated即可。


关于keep-alive的介绍,请看大神博客:

http://www.jianshu.com/p/42429f4d8f9e?nomobile=yes