Vue.jsの挙動を確かめる。。。LocalStorageでデータを保存

  • 投稿日
  • 著者 tanatiyo
  • カテゴリー Vue.js

Vue.js単体では、サーバー機能がないので入力したデータはブラウザをリロードすると消えてしまいます。。
こんなときに、LocalStorageという方法でデータを保存し（自分のPCだけですが）リロードしてもデータが消えないという、便利なものがあります。

今回はLocalStorageを使うにあたって調べた参考サイトをメモ代わりに載せておきます。

【サンプル付き】Local Storageとは？使い方を詳しく解説
html5から導入されたLocalStorage（ローカルストレージ）の使い方をサンプルアプリを用いて丁寧に説明していきます。 この記事を通して LocalStorage（ローカルストレージ…
webliker.info
【Vue.js】Local Storageでデータを永続化させる – Qiita
Local StorageとはJavaScriptを使ってWebブラウザにデータを保存できる仕組みです5~10MB程度のデータを永続化できます保存された内容はChrome DevToolsで確認でき…
qiita.com

また、LocalStorageにデータを複数保存させたいときは、JSON形式のデータ（JSON文字列）に変換する必要があるみたいで、データを保存するとき、取得してJavascriptで操作をしたい時には、それぞれ変換が必要になるとのこと。。。
JSONについては、下記のサイトを参考にしました。

JSONとは？データフォーマット（データ形式）について学ぼう！
JSONとは「JavaScriptのオブジェクト記法を用いたデータ交換フォーマット」です。Python、PHP、JavaScript、C++、Javaなど様々な言語でサポートされており、JSONを使うこ…
products.sint.co.jp

この記事を書いた人

tanatiyo

記事一覧