解决vuekeep-alive数据更新的问题

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

创新互联基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽，联通大带宽，移动大带宽，多线BGP大带宽租用,是为众多客户提供专业成都机柜租用报价，主机托管价格性价比高，为金融证券行业服务器托管，ai人工智能服务器托管提供bgp线路100M独享，G口带宽及机柜租用的专业成都idc公司。

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

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

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

当再次进入（前进或者后退）时，只触发activated。

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

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

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

以上这篇解决vue keep-alive 数据更新的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。

网站题目：解决vuekeep-alive数据更新的问题
分享路径：https://www.cdcxhl.com/article18/iidodp.html

成都网站建设公司_创新互联，为您提供用户体验、外贸网站建设、移动网站建设、网站内链、微信公众号、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容