博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
keep-alive优化网页性能
阅读量:5313 次
发布时间:2019-06-14

本文共 300 字,大约阅读时间需要 1 分钟。

  1. 每次当点击城市页面的按钮跳转到首页都会请求一次数据,这就造成了性能低,

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

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

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

 

解决:

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

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

 

 

转载于:https://www.cnblogs.com/warbj/p/9245037.html

你可能感兴趣的文章
Java Session 介绍;
查看>>
spoj TBATTLE 质因数分解+二分
查看>>
Django 模型层
查看>>
dedecms讲解-arc.listview.class.php分析,列表页展示
查看>>
Extjs6 经典版 combo下拉框数据的使用及动态传参
查看>>
【NodeJS】http-server.cmd
查看>>
研磨JavaScript系列(五):奇妙的对象
查看>>
面试题2
查看>>
selenium+java iframe定位
查看>>
P2P综述
查看>>
第五章 如何使用Burp Target
查看>>
Sprint阶段测试评分总结
查看>>
sqlite3经常使用命令&语法
查看>>
linux下编译openjdk8
查看>>
【python】--迭代器生成器装饰器
查看>>
Pow(x, n)
查看>>
安卓当中的线程和每秒刷一次
查看>>
每日一库:Modernizr.js,es5-shim.js,es5-safe.js
查看>>
ajax连接服务器框架
查看>>
wpf样式绑定 行为绑定 事件关联 路由事件实例
查看>>