本文目录一览:
- 1、vue项目中怎么缓存图片,可以使用缓存图片吗,轮播图中怎么用
- 2、vue 不是路由跳转的页面怎么缓存
- 3、使用vue框架开发,版本更新,怎么解决用户浏览器缓存问题
- 4、怎么用vue封装第一次请求过来的数据成一个对象,留作备份,与最终要保存的时候的数据作对比
vue项目中怎么缓存图片,可以使用缓存图片吗,轮播图中怎么用
缓存图片是浏览器默认做的事情,你不需要任何操作。你不需要缓存的时候才需要添加一些信息。keep-alive/keep-alive是用来缓存路由的,缓存下来的路由再次进入和上次离开时的状态是一样的(不会再次触发created钩子)。
vue 不是路由跳转的页面怎么缓存
vue缓存主要四种方式:
使用vuex
存放在cookie中
存放在localStorage或者sessionStorage中
存放在路由集合中
使用vue框架开发,版本更新,怎么解决用户浏览器缓存问题
vue-cli里的默认配置,css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。
不过值得注意的是,把打包好的index.html放到服务器里去的时候,index.html在服务器端可能是有缓存的,这需要在服务器配置不让缓存index.html。
怎么用vue封装第一次请求过来的数据成一个对象,留作备份,与最终要保存的时候的数据作对比
给你提供一个缓存方案:
你可以用indexDB做一个备份,简单点的就用localStorage做个数据保存。在接口层写一个缓存处理就好了。每次接口请求前,都去缓存(localStorage/indexDB)里面去查找是否有对应的key(可以直接用接口的urlTag做key),如果有,直接取数据先显示出来,之后请求接口后更新数据。
如果你只是比较档次会话的接口数据,可以使用sessionStorage,不会永久占用资源。