vuex和localstorage . cookie的区别

vuex是为了解决多组件之间的共享状态的一种状态管理模式, 强调集中式管理, 将所有的共享状态放在内存中, 读取速度快, 但是页面一刷新就恢复默认值了,

vuex的五大核心: state(存放数据的地方) , actions(发送异步请求)， getters(类似于computed计算属性), mutations(更改状态的地方), modules(组件模块化) 。其中, 更改状态只能在mutations中,是同步请求, 通过commit来更改, 发送异步请求要在actions里面,组件通过dispath来触发   

vuex有四个辅助函数:  mapGetters. mapActions . mapMutations. mapState

localstorage是永久性存储, 存在本地中,只要不主动删除就会一直存在

cookie储存的信息比较少, 只有4KB 它有有效时间, 过期会自动删除

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vuex 使用说明
    安装 npm npm install vuex --save 在一个模块化的打包系统中，您必须显式地通过Vue.u...
    萧玄辞阅读 2,964评论 0赞 7
  • Vuex源码阅读分析
    Vuex源码阅读分析 Vuex是专为Vue开发的统一状态管理工具。当我们的项目不是很复杂时，一些交互可以通过全局事...
    steinslin阅读 644评论 0赞 6
  • Vuex概述
    先说一下vuex到底是什么？ vuex 是一个专门为vue.js应用程序开发的状态管理模式。 这个状态我们可以理解...
    天蓝色的彼岸_9caa阅读 562评论 0赞 1
  • vuex的使用
    1.简介 1.1Vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 Vuex其实是管...
    大麦茶1024阅读 458评论 0赞 2
  • vuex梳理
    ### store 1. Vue 组件中获得 Vuex 状态 ```js //方式一 全局引入单例类 // 创建一...
    芸豆_6a86阅读 740评论 0赞 3