vue学习笔记之vuex

一：简介：

二：vuex仓库的构建： 

1、项目所在的命令行下安装vuex：npm i vuex@3 

2、新建vuex模块文件：src下的store的index.js文件

3、在该文件下创建仓库：

 

 4、main.js文件中导入挂载：

（第三行导入，第九行挂载，和路由类似）

5、小结：

 三：state保存数据：

3.1：提供数据：

3.2：获取数据：

3.2.1：通过store直接访问：

 

3.2.2：通过辅助函数mapState映射获取：

四：mutations修改state的数据：

4.1：mutations对象中存放方法：

 4.2：mutations对象中方法的传参语法：

4.3辅助函数mapMutations映射方法：

4.3.1：简介：

4.3.2：作用： 

相当于上图右边的样子，把仓库中的方法映射到当前组件的methods中，可以直接使用该方法。

五：actions封装异步操作：

5.1：使用：

(在actions中封装异步操作，然后提交给mutations) 

 5.2：辅助函数mapActions映射方法：

六：getters和mapGetters映射：

6.1：使用：

七：模块(module)： 

7.1：如何拆分模块：

 7.2：如何使用子模块中的state(1原生2mapState)：

7.3：如何使用子模块中的mutation：

 7.4：如何使用子模块中的action：