vuex的简易使用

今天笔者很高兴，花了一上午的时间研究vuex，终于掌握原来和其使用方法。话不多说直接上干货！

store.js 文件

要使用的vue页面

提醒：

vuex如果分为几个模块，方法是在模块中的话，如果直接在组件中通过this.$store.commit("方法名")是获取不到，必须要在前面加上模块名，如this.$store.commit("模块名/方法名")才可以获取到。

并且要加上

namespaced: true

 

加上namespaced: true的话，当模块被注册后，它的所有 getter、action 及 mutation 我们就可以通过以下方式来写了，例如