Vue.js框架--封装localStorage组件实现保存的历史记录来完善todolist（八）

主要操作技能：

     1.生命周期函数    vue页面刷新就会触发的方法   mounted{}

     2.封装localStorage组件

     3.使用模块化,   导入引用   import storage from './model/storage.js' 

 

编写代码：

//封装localStorage本地存储方法 模块化的文件

//node.js基础

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;

 

效果：

2)进行选择

3)右键|重新加载，就会刷新哦！

4）使用了localStorage本地存储，那么就是刷新也不会恢复的!