zoukankan      html  css  js  c++  java
  • vuex存储和本地存储(localstorage、sessionstorage)的区别

    1.最重要的区别:vuex的$store是存储在内存里,其他的则以文件的方式存储在本地。Vuex可以在同一个页面里不同的组件之间相互传值,并且是响应式的。

    2.应用场景:举一个应用场景,一个购物车表单页面包含AB两个组件:(A)商品数量和(B)总金额,用户操作购物车(A)商品数量的增减可以在当前页面不刷新的状态下直接体现(B)总金额的变化。而localStorage、sessionStorage和cookie则可以跨页面的传值,跳转刷新页面后显示变化结果。

    3.永久性:当刷新页面时vuex存储的值会丢失,localStorage支持永久性,sessionStorage只支持当前会话窗口的页面。

    注:很多同学觉得用localstorage可以代替vuex, 对于不变的数据确实可以,但是当两个组件共用一个数据源(对象或数组)时,如果其中一个组件改变了该数据源,希望另一个组件响应该变化时,localstorage无法做到,原因就是区别1。

  • 相关阅读:
    Python装饰器理解(新手)
    vue项目随笔
    ajax 请求数据传到后台为空字符
    关于document.body.scrollTop 的谷歌,火狐浏览器兼容问题
    Nginx 反向代理解决浏览器跨域问题
    SpringBoot maven build a new demo
    UI收集
    git
    编译
    网络2
  • 原文地址:https://www.cnblogs.com/yyrecord/p/13504602.html
Copyright © 2011-2022 走看看