Vue3で使うlocalStorage - Qiita

概要 vue3(JavaScript)でlocalStorageを利用する際に引っかかったところがいくつかあったので、簡単にまとめました。 実行環境 MacBook Pro (OS:Monterey) エディタはVisual Studio Code localStorageとは 簡単に言うと、WEBサイトを閲覧するブラウザに容量を少し確保して、そこでデータを管理できるようにする機能。 基本的に、手動で削除しない限りデータは永久的に残るとされているが、たまに勝手に消えてることもある。 また、管理するデータは基本的には文字列なので、配列などを保管する場合には別途で変換処理が必要。 基本機能 VueでlocalStorageを利用する場合、4つのコードを使い分けてデータの処理を行います。 ① getItem localStorageからデータを取得するためのコードです。