38-vuex-基本文件的的写法

  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项目中-多组共享的状态及其更新

猜你喜欢

转载自blog.csdn.net/A_Bow/article/details/114414658