简单分析vuex和localStorage的区别

我觉得vuex既然是状态管理工具,那它的核心就是‘状态’一词,vuex中定义的某个state变量可以理解成一个状态,何为状态?就是这个变量可以被vue的响应式系统观察到,当它的值发生的变化的时候,页面可以响应到它的变化来主动做一些事情,你甚至可以理解成是一个全局的data。

我们可以回想下,在vue组件中,定义在data中的某个变量,如果这个变量被使用在html模板中,或者计算属性中,那么这个变量就是响应式的,当这个变量变化时,那么html模板便会重新渲染,计算属性也会重新计算,理解这一点,我们再来理解vuex,首先,上述的这个变量被定义在单组件中的data内,也就是说只有在这个组件内才能使用,可是在某些业务场景中,我们希望这个变量是覆盖全局的,也就是在任何一个组件内都能访问到这个变量,并且最重要的是还可以让它拥有响应式的属性,这个时候vuex这个工具就登场了,将这个变量定义在vuex中。。。。。具体用法就不教了。。。。

而localStorage中的数据只是一个静态的值,无法被观察。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vuex官方文档 Vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存...
    yutao618阅读 8,556评论 0 3
  • 简述作用 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 说得通俗点...
    我就是z阅读 3,552评论 0 0
  • Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式它采用集中式存储管理应用的所有组...
    coderlion阅读 3,196评论 0 0
  • Vuex是什么 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    FTD止水阅读 4,381评论 0 0
  • 针对VUE和VUEX的知识点梳理 目标人群: 有一定的MVVM知识基础上手过MVVM的项目,理解各种情况的下的通信...
    贪得_3440阅读 1,675评论 0 0

友情链接更多精彩内容