你不得不看的状态管理 干货 API store.js - 实现本地存储（LocalStorage）

store.js - 实现本地存储（LocalStorage）

对于一些状态不复杂的 vue 单页面 项目 ，没有必要用到vuex，毕竟它并不是那么的 足够简便。这里介绍一种 类库 store.js

store.js 是一个兼容所有浏览器的 LocalStorage 包装器，不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。

store.js 提供非常简洁的 API 来实现跨浏览器的本地存储功能：

store.set('username', 'leon') // 设置值   第一个为键   第二个值为  他的值  会自动储存为json格式
store.get('username')  // 获取值
store.remove('username') // 移除值
store.clear()  // 清空仓库

store.set('user', { name: 'leon', likes: 'javascript' })

var user = store.get('user')
alert(user.name + ' likes ' + user.likes) // leon  like javascript

// Get all stored values
store.getAll().user.name == 'leon'  // 设所有的额 值为 

// Loop over all stored values   // 遍历  数组
store.forEach(function(key, val) {
    console.log(key, '==', val)
})

store.search(string);  //  搜索方法 
store.has(key);  // ⇒确定是否返回true / false 

store('test', (key,val) => { // ⇒提供回调方法来处理数据
  console.log(val)  //  在这里处理通过测试获得的数据 
  return [3,4,5] //  返回数据和组存储  
})
 
store(['key', 'key2'], (key) => {  
  console.log('key:', key)    //  获取多个键的数据处理，返回并保存；
  return '逐个更改数据'
})