Vue基础之todolist(localstorage组件封装及生命周期函数)

实现功能：

1.输入框输入商品后回车添加信息至商品；

2.点击商品下的checkbox添加商品至购物车；

3.每项商品或购物车带有删除功能，可直接删除商品；

4.页面刷新后信息不变，即商品信息及购物车信息不变。

app.vue代码

组建化localstroage.js文件

//封装操作localstorage本地存储方法，模块化文件

var storage = {
  set(key,value){
    localStorage.setItem(key,JSON.stringify(value));
  },
  get(key){
    return JSON.parse(localStorage.getItem(key));
  }
  ,remove(key){
    localStorage.removeItem(key);
  }
};

export default storage;