vue开发如何实现数据缓存

vue开发如何实现数据缓存,下面编程教程网小编给大家详细介绍一下实现缓存的几种方法!

1、利用localStorage实现缓存

//设置缓存
window.localStorage.setItem(key,value)

//获取缓存
window.localStorage.getItem(key)

2、利用sessionStorage实现缓存

//设置缓存
window.sessionStorage.setItem(key,value)

//获取缓存
window.sessionStorage.getItem(key)

3、利用storage.js实现缓存

import storage from 'store'

//设置缓存
store.set('user', { name:'xiaomi' })
 
//获取缓存
store.get('user')
 
//删除缓存
store.remove('user')
 
//清空缓存
store.clearAll()
 
//循环所有存储值
store.each(function(value, key) {
  console.log(key, '==', value)
})
以上是编程学习网小编为您介绍的“vue开发如何实现数据缓存”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue开发如何实现数据缓存

基础教程推荐