VUE：store存储时，commit和dispatch的区别

简介

VUE项目中，将数据存储到VUEX中时，分为两种方式：
commit和dispatch。

具体实现

方式一：
commit：同步操作，调用的是mutations里的方法
（1）存储：

this.$store.commit("属性名", "值");
// example
this.$store.commit("username", "大娃");

（2）取值：

this.$store.state."属性名";
// example
this.$store.state."username";

方式二：
dispatch：同步操作，调用的是actions里的方法
（1）存储：

this.$store.dispatch("属性名", "值");
// example
this.$store.dispatch("phone", "15111111111");

（2）取值：

this.$store.getters."属性名";
// example
this.$store.getters.phone;

附vuex中的配置案例

vuex中mutations与actions的使用及区别：链接link.
store的index.js文件

store中的某一个子VUEX调用文件

最后

觉得有用的朋友请用你的金手指点一下赞，或者评论留言一起探讨技术！