浅谈Vue本地存储

Vue本地存储

  • 一、什么是本地存储?
  • 二、常见的Vue本地存储的方式
  • 三、三种方式的区别

一、什么是本地存储?

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

二、常见的Vue本地存储的方式

localStorage sessionStorage cookie

三、三种方式的区别

相同点:都可以存储数据并且存储只跟着域名走

不同点:
大小:localStorage/sessionStorage–5M cookie–4k
传输:cookie会跟着请求来回发送,而localStorage和sessionStorage不会
生效:
localStorage – 永久存储,只有手动清除才能清除存储到本地的数据
sessionStorage – 关闭当前页面就会清除存储到本地的数据
cookie – 可以设置过期的时间,但如果不设置,页面关闭自动清除存储到本地的数据

你可能感兴趣的:(vue.js,javascript,前端)