【Vuex快速入门】vuex基础知识与安装配置

最新推荐文章于 2024-07-23 15:46:51 发布

Dorable_Wander

最新推荐文章于 2024-07-23 15:46:51 发布

阅读量1.6k

点赞数 2

分类专栏： Vuex 文章标签： vue.js 前端 vuex node.js npm

本文链接：https://blog.csdn.net/XSL_HR/article/details/128515917

版权

Vuex是一个用于Vue.js应用的状态管理模式，包括State、Mutation、Action、Module和Getter等组成部分。它帮助解决组件间共享状态的问题，适用于中大型单页应用。文章介绍了Vuex的基本概念、为何使用以及通过npm和yarn的安装方法。

摘要由CSDN通过智能技术生成

更多内容可参考Vuex官方文档

创作背景

2023年当然得学一些新的技术，在学习vue的基础上深入学习vue的状态管理模式——vuex。本期文章主要学习vuex的基础知识以及如何在项目中配置安装vuex。

按照官网的说法，Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

vuex由五个部分组成，分别是State、Mutation、Action、Module、Getter。

属性	解释说明
State	共享状态（即变量）
Mutation	更改vuex的store中state的唯一方法，只有通过提交mutation才能修改状态（变量值）
Action	类似mutation，修改store中的状态。但是刚才说过只有通过提交mutation才能修改状态，所以Action也是通过提交mutation修改store中的状态，与Mutataion不同的是Action支持异步操作
Module	模块，在大型项目中为了方便状态的管理和协作开发将store拆分为多个子模块（modules），每个子模块拥有完整的state、mutation、action、getter。（这里先不介绍）
Getter	基于state的派生状态，可理解为组件中的计算属性