vue之vuex超级状态管理的运用总结

VUEX运用总结:

对于vuex而言，用一个比喻的方法来形象的来描述vuex；在古代，中央有刑部户部以及管理全国粮食的部门，而vuex就像全国的总粮仓，他可以进行全局存储；
供全局使用；之前我们也可以使用其他办法进行全局存储，但是对于传统的存储来说，他是不能实现改变一处而动全身的效果，就是我们只要通过vuex的特定的
方法来改变其变量；
对于vuex如何在其他页面使用他里面的数据并且简接改变其里面的数据呢？
下面我们来进行一一介绍：
如何在子页面引用里面的数据？
有两种方法：
第一：我们可以通过this.$store.state.获取；
第二：我们可以在computed计算属性里面进行获取；当在计算属性里面进行获取后，可以在本页面通过this.对应的值，进行调用；

computed:{
    ...mapState(['one','two','three'])
},

然后在本页面就可以全局调用；
调用vuex里面的方法也有两种：
对于调用同步的方法：
也有两种方法：
第一种方法：
通过this.$store.commit(方法名，传递的数据);
第二种方法：
通过在

methods:{
    ...mapMutations(['方法名一','方法名二',等等])
}；

这种方法并不会覆盖原来子页面里面的方法；当然想要调取里面方法的时候，和之前调用普通的方法一样；
通过this.方法名；
对于调用异步的方法也有两种方法：
第一种方法：
通过this.$store.dispatch(‘方法名’,‘数据’)
第二种方法：
通过在

methods:{
    ...mapActions(['方法名'])
}

在此，希望可以对大家有帮助，早都总结好了但是最近一直没有时间展示到csdn上面。我会继续努力的！