vuex简写2

安装vue项目详见上篇博文vuex简写1

本篇文章将会把vuex简写1中的store.js拆分,便于管理;

项目结构如下:在src文件下新建store文件,在store文件中分别建index.js、actions.js、mutations.js、getters.js、type.js。其中taye.js用于状态管理,index.js用于导出数据、方法的统一文件。

vuex简写2_第1张图片

App.vue文件代码(和vuex简写1一样);

vuex简写2_第2张图片

main.js代码

vuex简写2_第3张图片

actions.js代码

vuex简写2_第4张图片

mutations.js代码

vuex简写2_第5张图片

getters.js代码

vuex简写2_第6张图片

type.js代码

vuex简写2_第7张图片

index.js代码

vuex简写2_第8张图片


over!!!下篇文章将介绍vueRouter(路由)







你可能感兴趣的:(vue)