Nuxt.js+Vuetify+localStorageにてTODOを作る【localStorageについて解説】

今回は?

前回にてlocalStorageを使ったTODOアプリを使ったので、今回はlocalStorageについて解説です。

localStorageとは?

ブラウザ内に保存される値のこと。
localStorageは、本人が削除するかシークレットブラウザから離脱でもしない限り、削除されません(多分)。
掲示板のようにデータの共有などが必要ない場合は、DBの代わりとして機能するでしょう。
keyは、データベースでいうIDみたいな役割を果たせると思います。

//これでセットできます。
localStorage.setItem(key,value);
//これでゲットできます。
localStorage.getItem(key);

同じkeyをsetItemした場合、valueが更新されます。


↑Chromeの開発者モードでの確認

あとがき

次回は、ソースコードの解説です。