vue开发如何实现数据缓存

vue开发如何实现数据缓存，下面web建站小编给大家详细介绍一下实现缓存的几种方法！

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)
})