vue（保存方法）

Cookie]    
1: 使用シナリオ:
1: パスワードを記憶し、次回から自動的にログインします。
2: ユーザーの閲覧データを記録し、商品（広告）を推奨します。
2: 特徴:
1: Cookie はブラウザ側に保存されます。
2: 1 つの Cookie によって保存されるデータは 4KB を超えることはできません。
3: Cookie 内のデータはドメイン名の形式で識別されます。
4: Cookie 内のデータには有効期限があり、有効期限が過ぎるとデータはブラウザによって自動的に削除されます。5: Cookie 内のデータはリクエストとともに自動的にサーバー側に送信されます。
3:
Cookie ストレージ メカニズムには多くの欠点があるため、HTML5 ではこれを使用せず、代わりに改良された WebStorage ストレージ メカニズムを使用します。(localStorage と sessionStorage)

SessionStorage のライフサイクル   

SessionStorage ライフサイクルは、現在のウィンドウまたはタブ ページです。    
ウィンドウまたはタブが完全に閉じられると、セッションによって保存されたすべてのデータが消去されます。

1.ローカルストレージとは何ですか

HTML5 では、主にローカル ストレージとして使用される新しい localStorage 機能が追加されました。
Cookie の保存容量不足の問題を解決し、各 Cookie の保存容量は 4K、localStorage は通常 5M です。

 2. localStorage のライフサイクル
 LocalStorage のライフサイクルは永続的です。つまり、ユーザーがブラウザに表示される UI 上の localStorage 情報をクリアしない限り、情報は永続的に存在します。  

 
3. localStorage の制限
a. localstorage のプロパティは、IE 8 以降のバージョンの IE でのみサポートされます。
b. 現在、すべてのブラウザは localStorage の値の型を文字列型に制限しており、11 では日常的に使用される JSON オブジェクト型に変換する必要があります。

 4. ブラウザが localstorage プロパティをサポートしているかどうかを確認します if(window.localstorage){ alert('ブラウザは localStorage をサポートしています')}

 5. ローカルストレージへの書き込み

if(!window.localStorage){ alert('ブラウザは localStorage をサポートしていません')

}else{ var storage = window.localstorage;

// フィールドを書き込みます
storage['a'] = 1;

// フィールド b に書き込みます

ストレージ.b = 2;

// c フィールドに書き込みます
storage.setItem('c',3)
console.log(typeof storage['a']); //string

console.log(ストレージのタイプ['b']); //弦

console.log(ストレージのタイプ['c']); //弦}