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上面。我会继续努力的!