vuex模块化

目录结构

在这里插入图片描述
modules文件夹用于放模块文件

CoalGas.js内容

namespaced: true 命名空间

export default {
  namespaced: true,
  state: {
    coalGas: [],
    test01: 'test01'
  },
  getters: {},
  mutations: {
    intTest01(state, {
      name
    }) {
      state.test01 = name;
    },
  },
  actions: {},
}

index.js内容

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
import CoalGas from './modules/CoalGas';
import DraughtFan from './modules/DraughtFan';
import AxleTree from './modules/AxleTree';

export default new Vuex.Store({
  state: {},
  getters: {},
  mutations: {},
  actions: {},
  modules: {
    CoalGas,
    DraughtFan,
    AxleTree
  }
})

使用

// 获取
console.log(this.$store.state.CoalGas.test01)
// 变更
this.$store.commit('CoalGas/intTest01', {
  name: 'QQ'
});

参考01
官网vuex

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读