首页 > 其他分享 >[前端][Vue] 利用webstorage API存储数据

[前端][Vue] 利用webstorage API存储数据

时间:2023-12-17 17:55:10浏览次数:47  
标签:Vue val -- JSON API localStorage webstorage todos

关于webstorage API

官方文档
https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API

省流说明
1️⃣两种 -- localStorage & sessionStorage
2️⃣存多久 -- local一直存到除非用户主动删,session等浏览器关掉就删
3️⃣API -- 一样的,存setItem,读getItem,删一个remove,删全部clear
4️⃣其他 -- 如果数据为空,那么相应方法会返回null值

做个示范

在经典案例todo-list里应用webstorage

标签:Vue,val,--,JSON,API,localStorage,webstorage,todos
From: https://www.cnblogs.com/Akira300000/p/17909431.html

相关文章

  • VUE框架指令语法与v-bind实现标签属性内部动态------VUE框架
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>......
  • Vue学习计划-Vue2--VueCLi(二)vuecli脚手架创建的项目内部主要文件分析
    1.文件分析1.补充:什么叫单文件组件?一个文件中只有一个组件vue-cli创建的项目中,.vue的文件都是单文件组件,例如App.vue2.进入分析1.package.json:项目依赖配置文件:如图,我们说主要的属性:name:项目的名称version:项目版本scripts:脚本入口serve:启动项目命......
  • 基于vue脚手架练习3
    <template><div><first-page-3:person="person"></first-page-3></div></template><script>importFirstPage3from'./FirstPage3.vue'exportdefault{components:{Firs......
  • python 使用 Google Gemini API
    python使用GoogleGeminiAPI注册APIKEY:GoogleAIStudio[免费]importbase64importrequestsimportjsonAPI_KEY='yourapikey'img_path='./scones.jpg'#设置模型参数和过滤规则https://ai.google.dev/api/rest/v1beta/SafetySetting?hl=zh-cn#H......
  • ​Vue虚拟DOM:如何提高前端开发效率
    前言随着前端技术的不断发展,越来越多的框架和库涌现出来,其中Vue.js成为了最受欢迎的前端框架之一。Vue.js采用了响应式数据绑定和组件化的思想,让开发者可以更加高效地构建交互式的用户界面。而Vue.js的底层原理涉及到许多概念和技术,其中虚拟DOM是Vue.js的核心概念之一。本篇文章将......
  • 【转】邮件通知API
    这天在冲浪的时候发现一个好用的邮件api!而且还是公益的!学会了快去搭配while true与你的好基友 友 好 互 动 扒!邮件通知API使用支持markdown语法,在后台会自动转换为HTML语言执行发送(在发起请求时需要转换为URL编码,才可以正确启用markdown)目前暂且只支持以下参......
  • vue3+vite+js中二次封装axios
    一、安装axiosnpmiaxios二、文件结构涉及到的文件:utils/request.sjapi/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理)vite.config.js三、request.js对axios进行简单的二次封装importaxiosfrom"axios";constrequest=axios.create({//......
  • 小红书商品详情API:电商助力
    一、引言随着互联网的普及和电商行业的快速发展,消费者对于商品信息的获取方式也在不断变化。小红书作为一款以内容分享为主的社交电商平台,吸引了大量用户。为了满足用户对商品信息的快速获取需求,小红书提供了商品详情API接口。本文将探讨获得小红书商品详情API在电商行业中的重要性......
  • Vue3响应式概念
    响应式的基本概念响应式是指当数据发生变化时,系统会自动更新与数据相关的DOM结构。在Vue2中,响应式系统的实现基于 Object.defineProperty。然而,Object.defineProperty 有一些局限,如:无法监听数组的变化、需要遍历对象的每个属性进行监听、性能开销较大。在Vue3中,响应式系统......
  • 【Nacos】启动报错 failed to req API:/nacos/v1/ns/instance after all servers([xxx
    1  com.alibaba.nacos.api.exception.NacosException:failedtoreqAPI:/nacos/v1/ns/instanceafterallservers([xxx])tried:ErrCode:403,ErrMsg:<html><body><h1>Whitelab#我的配置spring.application.name=virtuous-base-servicespring.profiles.......