JavaScript - vue localStorages 関連のルーティング値ページの更新エラー

Question

コード関連:

Vue を学び始めたばかりで、js の基礎があまりできていないので、何か間違っているところがあれば、遠慮なく批判や指摘をしていただければ幸いです。

productList ページがジャンプし、ローカルの json 配列のデータがインデックス値に従って取得され、別のページ データが表示されます。クリックしてジャンプした後は問題ありませんが、更新後に値を取得できません。プロンプト

リーリー

エラーメッセージの説明を探したのですがよく分かりません。MOOC の vue の基本チュートリアルにある localStorages の保存方法に従ったのですが、どこか書き間違えたのでしょうか？

リーリー リーリー リーリー リーリー

Answer 1

json形式が間違っている可能性が高いです
まず、どこにエラーがあるかを判断する必要があります。

1. 最初にすべてのマウントに注釈を付けます

2. エラーがないか確認してください

3. 次に、それらを 1 つずつ追加します

Chromeを使用している場合は、f12を開いてアプリケーションに移動すると、localStorageの値を確認できます

最も可能性の高い理由は、データを json 形式で保存する前に非 json データを取得し、その後 json.parse がエラーを報告することです