42TodoList 实现本地存储

TodoList 实现本地存储

使用刚学习的浏览器本地存储,实现TodoList 本地数据不丢失,也不是固定数据。

  • watch 监视
  • localStorage
    • setItem()
    • getItem()
  • JSON.stringfy()
  • JSON.parse()
watch:{
    // 监视todos,当todos发生变化时,会触发
    todos:{
        deep:true,
        handler(todo){
            localStorage.setItem('todos',JSON.stringify(todo))
        }
    }
}
posted @ 2022-09-07 16:24  Redskaber  阅读(42)  评论(0)    收藏  举报