9、localStorage存储、模块化

localStorage（长期存储） ：浏览器关闭后，数据依然会一直存在

1、localStorage封装，模块化

新增model----storage.js

2、storage.js中localStorage封装（涉及node.js相关知识）

//封装localStorage

let storage = {
  set(key, value) {
    //value需要Json序列化
    localStorage.setItem(key, JSON.stringify(value));
  },
  get(key) {
    //返回值需要Json反序列化
    return JSON.parse(localStorage.getItem(key));
  }
}

//方法暴露
export default storage;

3、vue引入storage.js文件，完善todolist缓存存储功能

<template>
  <div id="app">
    ToDoList
    <input type="text" v-model="toDo" v-on:keyup.enter="addToDo"/>
    <button @click="addToDo">增加</button>
    <br/>
    <hr/>
    <