Vue的学习（7）

存储数据

在昨日基础上修改下，来实现关闭页面再打开也能看见数据

//App
 data(){
      return{
        //这里感觉可以想成这样，先以json数据形式存到本地，
        // 然后通过通过读取并转义json为javascript对象，这里是变成了数组
        //会以数组形式存
        //从localstorage读取todos
        todos:JSON.parse(window.localStorage.getItem('todos_key') || '[]')
      }
    },
    watch:{//深度监视
      todos:{
        deep:true,//深度监视
        handler:function (newValue, oldValue) {
          //将todos最新的json数据，保存到localStorage
          window.localStorage.setItem('todos_key', JSON.stringify(newValue))
        }
      }

    },