vuex仓库的五大属性、辅助函数与使用方法，史上最详细！

🚀 个人简介：某大型国企资深软件开发工程师，信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家，分享前端后端相关技术与工作常见问题~

💟 作    者：码喽的自我修养❣️
📝 专    栏：vue2/3 从基础到起飞

🌈 若有帮助，还请 关注➕点赞➕收藏  ，不行的话我再努努力💪💪💪

前言：Vuex包含五大核心属性:state、getters、mutations、actions和modules。今天我们将详细讲解这五大属性的使用方法与辅助函数，并结合具体代码让小伙伴们深入理解 ，彻底掌握！本文较长，建议需要的小伙伴先 关注+收藏 ，后面慢慢学习哦~❣️

🚀文章目录

一、核心属性 - state 状态

1.目标

2.提供数据

3.访问Vuex中的数据

4.通过$store访问的语法

5.代码实现

5.1模板中使用

5.2组件逻辑中使用

5.3 js文件中使用

二、通过辅助函数 - mapState获取 state中的数据

1.第一步：导入mapState (mapState是vuex中的一个函数)

2.第二步：采用数组形式引入state属性

3.第三步：利用展开运算符将导出的状态映射给计算属性

三、开启严格模式及Vuex的单项数据流

1.目标

2.直接在组件中修改Vuex中state的值

3.开启严格模式

四、核心属性-mutations

1.定义mutations

2.格式说明

3.组件中提交 mutations

4.总结

五、带参数的 mutations

1.目标：

2.语法

2.1 提供mutation函数（带参数）

2.2 提交mutation

六、练习-mutations的减法功能

1.步骤

2.代码实现

七、练习-Vuex中的值和组件中的input双向绑定

1.目标

2.实现步骤

3.代码实现

八、辅助函数- mapMutations

九、核心属性 - actions

1.定义actions

2.组件中通过dispatch调用

十、辅助函数 -mapActions

1.目标

十一、核心属性 - getters

1.定义getters

2.使用getters

2.1原始方式-$store

2.2辅助函数 - mapGetters

十二、使用小结

十三、核心属性 - module

1.目标

2.问题

3.模块定义 - 准备 state

十四、获取模块内的state数据

1.目标：

2.使用模块中的数据

3.代码示例

十五、获取模块内的getters数据

1.目标：

2.语法：

3.代码演示

十六、获取模块内的mutations方法

1.目标：

2.注意：

3.调用方式：

4.代码实现

十七、获取模块内的actions方法

1.目标：

2.注意：

3.调用语法：

4.代码实现