分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

keep-alive优化网页性能

发布时间:2023-09-06 02:02责任编辑:林大明关键词:暂无标签
  1. 每次当点击城市页面的按钮跳转到首页都会请求一次数据,这就造成了性能低,

我们在app.vue里面给 显示的内容包上 keep-alive

2、每次点击城市取对应的数据渲染到首页

这时候再点击城市页面跳转到首页 获取城市数据的问题 出现了(没有发送请求了,只请求求了第一次的数据),因为keep-alive将数据内容缓存起来了 他直接去取了缓存的内容

解决:

 当我们在使用 keep-alive组件的时候 vue里面会多出一个生命周期函数 activated 函数,

这个函数在每次跳转页面的时候会执行。

keep-alive优化网页性能

原文地址:https://www.cnblogs.com/warbj/p/9245037.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved