keep-alive优化网页性能
本文共 355 字，大约阅读时间需要 1 分钟。
- 每次当点击城市页面的按钮跳转到首页都会请求一次数据，这就造成了性能低，
我们在app.vue里面给 显示的内容包上 keep-alive
city.json就不会重新加载了.
2、每次点击城市取对应的数据渲染到首页,在home.vue里请求数据json数据要加上参数 ?city= 在vuex里存的城市参数
然后刷新网页.城市参数已经请求过来
城市切换过来了,首页里的内容也要跟着变.
这时候再点击城市页面跳转到首页 获取城市数据的问题 出现了（没有发送请求了，只请求求了第一次的数据），因为keep-alive将数据内容缓存起来了 他直接去取了缓存的内容
解决：
当我们在使用 keep-alive组件的时候 vue里面会多出一个生命周期函数 activated 函数，
这个函数在每次跳转页面的时候会执行。
转载地址：http://bhcen.baihongyu.com/
你可能感兴趣的文章
【C++基础】重载overload、重写(覆盖)override、隐藏hide的区别
查看>>
【算法详解】洗牌算法
查看>>
【设计模式基础】行为模式 - 1 - 观察者(Observer)
查看>>
从关系型数据库到非关系型数据库
查看>>
【数据库基础】数据库事务 - Transaction
查看>>
【设计模式基础】行为模式 - 3 - 职责链(Chain of responsibility)
查看>>
【Java基础】反射 - Reflection
查看>>
【C++基础】const成员函数
查看>>
【设计模式基础】行为模式 - 5 - 策略(Strategy）
查看>>
【Maven】Archetype
查看>>
【Java.Web】Cookie —— 基础
查看>>
【Tools.Eclipse】代码自动提示
查看>>
【Java.Web】MVC —— Model1 V.S. Model2
查看>>
【Java.Web】MVC —— 基于Servlet Controller的Model2 —— 示例
查看>>
【Java.Web】MVC —— 基于Filter Dispatcher的Model2 —— 示例
查看>>
【Java.Web】MVC —— Action的验证器 —— Validator
查看>>
【Java.Spring.MVC】使用Spring MVC构建Web应用程序
查看>>
【DB.PL/SQL】程序流程控制 —— 异常处理
查看>>
【Java.IO】I/O 【字节】【处理流】 - 之 - 【压缩流】 - ZipInputStream，ZipOutputStream
查看>>
【Java.JDBC/ORM】纯JDBC系统的开发随想
查看>>