Vue はブラウザを使用してチャット記録を保存します

LocalStorage と SessionStorage は、まとめて WebStorage と呼ばれます。
1. ストレージ コンテンツのサイズは、通常、約 5MB をサポートします (ブラウザによって異なる場合があります)
2. ブラウザは、Window.sessionStorageおよび属性を通じてWindow.localStorageローカル ストレージ メカニズムを実装します
。 3. 関連 API:
1.xxxxxStorage.setItem ( " key' , "value");
このメソッドはキーと値をパラメーターとして受け入れ、キーと値のペアをストレージに追加します。キー名が存在する場合は、対応する値を更新します。 2.xxxxxStorage.getItem(
"person ");
このメソッドは、キー名をパラメータとして受け入れ、キー名に対応する値を返します
3.xxxxxStorage.removeItem("key");
このメソッドは、キー名をパラメータとして受け入れ、ストレージからキー名を削除します
4 .xxxxxStorage.clear()
このメソッドは、ストレージ内のすべてのデータをクリアします。
4. 備考:
1. SessionStorage に保存されているコンテンツは、ブラウザ ウィンドウを閉じると消えます。

2. LocalStorage に保存されているコンテンツは、消える前に手動でクリアする必要があります (API を呼び出すか、キャッシュをクリアします)
3. xxxxStorage.getItem(xxx)、xxx に対応する値が取得できない場合、getltem の戻り値は null になります
4 .JSON.parse (null) の結果は依然として null

JSON オブジェクトによって提供される parse および stringify を通じて他のデータ型を文字列に変換し、 storage に保存できます以下のコードを参照してください。

var obj = { 名前:'ジム' };

var str = JSON.stringify (obj);

//デポジット

sessionStorage.obj = str;

// 読む

str = セッションストレージ.obj;

// オブジェクトに変換して戻します

obj = JSON.parse (str);

おすすめ

転載: blog.csdn.net/qq_42080594/article/details/130056364