Skip to content

Vuex 和 localStorage 的区别 #205

Open
@TieMuZhen

Description

@TieMuZhen

区别

  • Vuex存储在内存
  • localstorage则以文件的方式存储在本地,localstorage只能存储字符串类型的数据,存储对象需要JSON.stringify()JSON.parse()方法进行处理。

注:读取内存比读取硬盘速度要快。

应用场景

应用场景

Vuex是一个专门为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex用于组件之间的传值。
localstorage是本地存储,是将数据存储到浏览器的方法,一般是在跨页面传递数据时使用。
Vuex能做到数据的响应式,localstorage不能。

永久性

刷新页面的时候Vuex存储的值会丢失,localstorage不会。

:很多人觉得用localstorage可以代替Vuex,对于不变的数据确实可以,但是当两个组件共用一个数据源(对象或数组)时,如果其中的一个组件改变了该数据源,希望另一个组件响应该变化时,Vuex才是首选,loaclstorage是无法做到的,这就是他们最大的区别。

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions