1.大项目里面使用vuex时,state、actions、mutations和getters对象是单独作为一个文件来写的。图片示例如下:
store对象中四个属性的单独文件里面的写法:
export default {
}
2.可以设置设置一个index.js,它里面有最核心的管理对象store,
示例如下:
/*
* vue最核心的管理对象store
* */
import Vue from "vue"
import Vuex from "vuex"
import state from "./state"
import actions from "./actions"
import getters from "./getters"
import mutations from "./mutations"
Vue.use(Vuex);
export default new Vuex.Store({
state,
actions,
mutations,
getters
})
3.我们优惠设置一个 mutation types.js ,它的作用是 收集所有mutation方法的变量名
代码示例如下:
/*
*所有mutation的名称常量
* */
export const ADD_DOTO = "add_todo";//添加todo的操作
stroe对象在index.js文件中设置完成后,随即就在main.js接口中进行引入。
图片示例如下:
这些准备性的工作做完之后,就开始去写store文件中的各个js文件,
链接: 39-todos项目中-多组共享的状态及其更新