Vue如何封装一个TodoList

可以看得出， 他们的原型链上基本都是一样的， 唯一的区别在于

• localStorage 作用于本地缓存， 时间是持久的，除非手动去删除， 或者清空， 不然一直都存在浏览器中

• sessionStorage 作用与会话缓存， 生命周期只存在于本次打开浏览器会话， 当完成的关闭浏览器，那么信息就会丢失， 而仅仅刷新页面， 数据仍然保存。

本次实例，使用的是 sessionStorage， 并对此进行了一次小封装.

const  storage = {
	set(key, value){
		window.sessionStorage.setItem(key, JSON.stringify(value));
	},
	get(key){
		return JSON.parse(window.sessionStorage.getItem(key));
	},
	remove(key){
		window.sessionStorage.removeItem(key);
	}}export default storage;

实例代码:

推荐学习：vue.js教程

以上就是Vue如何封装一个TodoList的详细内容，更多请关注其它相关文章！