storejs一款好用的本地存儲插件

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