Vuex 学习记录

vuex 是一个专门为 vue.js 应用程序开发的状态管理系统,其功能是将多个组件共享的状态提取出来,然后采用集中式的管理。

比如说有两个输入框,可以改变同一个数据,这个数据就是输入框共享的状态。如果不采用 vuex ,两个输入框对同一个数据进行更改并同步有些麻烦。但如果采用了 vuex ,数据定义到 vuex 的 store 中,并且定义好改变数据的行为。这样如果输入框想要改变数据,只需要触发改变数据的行为就可以了。如果想要使用数据,直接在 store 中取出,不需要进行组件间的直接通信。

store 中的状态只能通过定义好的行为改变,不可以直接更改。在严格模式下,直接改变共享状态会报错。例如输入框如果想改变 store 中的状态,不可以通过 v-model 绑定状态,需要采用比如输入监听的方式在回调中触发 store 中定义好的行为。

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

相关阅读更多精彩内容

  • 在vue项目中,常常会遇到状态管理的问题。 比如子组件的某一状态的改变会影响到父组件,这时,我们可以运用this....
    一个废人阅读 1,612评论 0 0
  • 目录 组件化 组件通信 状态管理 Vuex 是什么 Vuex 有什么特点 Vuex 解决了什么问题 什么类型的数据...
    前端小华子阅读 6,081评论 0 16
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 8,332评论 0 6
  • vuex是一个状态管理模式,通过用户的actions触发事件,然后通过mutations去更改数据(你也可以说状态...
    Ming_Hu阅读 6,185评论 3 3
  • 夜半醒来,理由什么的都不重要,没人在乎。 想想明天想做的事,将来不得不做的事,回忆过去的事,辗转反复,最后还是写点...

友情链接更多精彩内容