vuex辅助函数基本使用以及项目中使用store目录分割

小菜鸟最近接手一个别人写得项目，一看，很多东西都不懂，感叹自己还要学习的东西真是多啊。记一记刚刚弄明白的vuex辅助函数和项目中store目录的使用。菜鸟拙见，大神勿喷，望指教。

1.vuex辅助函数
一 一 对 应
state — mapState
getter — mapGetters
mutation — mapMutations
action — mapActions


以上两个红框中为使用辅助函数与否的使用方法，另外两个也差不多。

2.vuex的项目store目录分割



mutationTypes.js为了多人协作开发，函数一目了然。

mutations.js中的方括号表示方法是ES6的计算属性命名功能来使用一个常量作为函数名