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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值