プラグインのローカルストレージを使用して簡単にstorejs

store.jsクッキーやFlashの助けを借りずに、すべてのブラウザのラッパー互換性のlocalStorageです。store.jsは、自動的にブラウザによっては、ローカルストレージを実現するためのlocalStorage、globalStorageかのuserDataを使用することを選択します。

この章では、VUEでの使用のstore.jsを説明します

まず、インストール

NPMインストールstorejs --save

第二に、の導入

世界的に導入することができ、もちろん、サブアセンブリに組み込むことができます

第三に、使用

使いやすさのために、私たちは一般的にグローバルエントリーファイルを定義します

。Vue.prototype $ storeLocal = storeLocal; //アセンブリに定義のlocalStorage

そして、その必要性コンポーネントを使用して呼び出します。

これは。storeLocalを$。セット（' local_test ' { ' A '：1、' B '：2 }）。

 

見ることができる、私は、JSONオブジェクトは、storejsに対処する私たちを支援してきましたが、また、直接使用することができますに格納されて指示します：はconsole.log（この$ storeLocal.get（「local_test」））;

結果：

 

第四に、共通API

 

お店。セット（「ユーザ名」、「マーカス」）
店。取得（' ユーザ名' ）
store.remove（' ユーザ名' ）
 
store.clear（）
 
ストア。セット（' ユーザ'、{名：' マーカス'、好き：' ジャバスクリプト' }）
 
VaRのユーザー=ストア。取得（' ユーザー' ）
警告（user.name + "好き' + ）user.likesを
 
// すべて格納されている値を取得します 
store.getAll（）。user.name == ' マーカス" 
 
// ループはすべて保存された値より
store.forEach（機能（キー、val）で{ 
    はconsole.log（キー、' == ' 、ヴァル）
}）