到昨天（Day 6），經過一番努力，整體畫面看起來舒服多了！但還是有一個超大的問題！！一旦重新整理後，所有紀錄和更動就會憑空消失！就像你每天回家都發現房子被清空，誰受得了，所以今天 Day 7，我打算幫網站加一顆「腦袋」，讓它會記得使用者記錄下需要交代的事情。希望網站可以藉由localStorage記下使用者的任務項目！
再實作之前，我們先來認識localStorage好了！localStorage就像抽屜一樣，可以將資料放進去(set)、拿出來(get)，和丟出來(remove)，另外，localStorage只認得字串，所以會需要用到 JSON.stringify() 和 JSON.parse() 來把物件/陣列轉來轉去。
想達到目的，需要改造一下App.vue，像這樣：



接著，就可以打開網站做測試，測測網站是不是在重新整理，或刷新之後，資料都還在，也可以在測試完之後，按快捷鍵：Ctrl + Shift + I（或 F12），切到 Application → Storage → Local Storage → http://localhost:5173**。
成功的話，會看到一個 tasks的表格，表格內容就是被記錄下的的任務清單，長這樣：

對了，不知道有沒有人發現到，程式碼變短了！那是因為現在已經可以將假資料那一段給刪了！期待明天的新文章吧！