store.JS 是一个兼容所有浏览器的 LocalStorage 包装器, 不需要借助 Cookie 或者 Flash.store.JS 会根据浏览器自动选择使用 localStorage,globalStorage 或者 userData 来实现本地存储功能.
本章介绍在 vue 中使用 store.JS
一, 安装
NPM install storejs --save
二, 引入
可以全局引入, 当然也可以分组件引入
三, 使用
为了方便使用, 我们一般会在入口文件全局定义
Vue.prototype.$storeLocal = storeLocal;// 定义 localStorage 组件
然后在需要使用的组件中调用:
this.$storeLocal.set('local_test',{'a':1,'b':2});
可以看到, 我直接将一个 JSON 对象存储在了, storejs 已经帮我们处理好了, 也可直接使用: console.log(this.$storeLocal.get('local_test'));
结果:
四, 常用 API
- store.set('username', 'marcus')
- store.get('username')
- store.remove('username')
- store.clear()
- store.set('user', { name: 'marcus', likes: 'javascript' })
- var user = store.get('user')
- alert(user.name + 'likes' + user.likes)
- // Get all stored values
- store.getAll().user.name == 'marcus'
- // Loop over all stored values
- store.forEach(function(key, val) {
- console.log(key, '==', val)
- })
来源: http://www.bubuko.com/infodetail-3366004.html