vuex的拆分使用(详细)

将store拆分开,使state、getters、mutations、actions、都单独管理

一、安装好vue和vuex

二、构建目录

在src目录下创建store文件夹,和六个js文件

文件名 用处
state.js 里面存放所有的  state
getters.js 里面存放所有的  getters
mutations.js 里面存放所有的  mutations
actions.js 里面存放所有的  actions
index.js 将上面拆分的东西组合起来
types.js 里面存放所有的    types,用来  actions  和 mutations 的匹配

三、目录文件拆分详细

states.js

项目中所有的共享state都放这儿

getter.js

mutations.js

actions.js

types.js

index.js

猜你喜欢

转载自blog.csdn.net/yuan_jlj/article/details/114091937