vue实现本地存储

简介: 什么是本地存储通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。localStorage(永久存储)永久的存储在本地,除非手动销毁

什么是本地存储

通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储。

localStorage(永久存储

永久的存储在本地,除非手动销毁

存储
localStorage.setItem("id", 123);
获取
localStorage.getItem("id");

sessionStorage(页面关闭销毁)

当页面关闭时销毁

// 存储
sessionStorage.setItem("id",123);
// 获取
sessionStorage.getItem("userid");

就是怎么说呢!


比如你登录微信或者qq,如果你想要的效果是点开微信就要进行登录,关闭微信再打开还要登录,这个时候就用sessionStorages。如果你想要的效果是登录过一次后不管怎么关闭这个应用再打开都不需要再登录,除非点击了消除账号或退出登录,这时候才需要再次进行登录,那么你就需要用到localStorage。

相关文章
|
4天前
|
JavaScript 前端开发 安全
Vue响应式设计
【5月更文挑战第30天】Vue响应式设计
24 1
|
3天前
|
JavaScript 程序员 网络架构
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
|
3天前
|
资源调度 JavaScript UED
vue路由的基础知识总结,vueRouter插件的安装与使用
vue路由的基础知识总结,vueRouter插件的安装与使用
|
3天前
|
JavaScript
|
4天前
|
编解码 JavaScript API
Vue在移动端的表现如何?
【5月更文挑战第30天】Vue在移动端的表现如何?
11 2
|
4天前
|
JavaScript 前端开发 API
Vue与其他框架的对比优势
【5月更文挑战第30天】Vue与其他框架的对比优势
11 1
|
5天前
|
JavaScript
Vue常用知识点总结
Vue常用知识点总结
12 0
|
5天前
|
JavaScript Java 测试技术
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
25 7
|
5天前
|
JSON JavaScript 前端开发
|
6天前
|
JavaScript 前端开发 Java
开发语言漫谈-Vue
Vue严格说来不是一门语言