vx-refactor 由来

| 注入方式 | 调用方式 | | :----------------------------------------------------------------------------- | :------------------------------------------------------------------ | | 原生 vuex 需大量注入模块 | 原生 vuex 调用 action & mutation 需配合 dispatch & commit 等方法 | | vx-refactor 只需调用 connect 方法便可自动注入 | vx-refactor 面向对象调用。如：models.setFn[调用的方法] |

安装

使用方法

├── index.scss ├── index.vue └── model.js

import vxRefactor from "vx-refactor";

vxRefactor(store);

import { connect } from "vx-refactor";

export const ns = "namespace";
const state = {
  count: 0,
};

const mutations = {
  addCount(state, payload) {
    state.count = payload;
  },
};

const actions = {
  setCount({ commit }, params) {
    commit("addCount", params);
  },
};

const getters = {
  getCount(state) {
    return state.count;
  },
};

export default connect({
  ns,
  state,
  mutations,
  actions,
  getters,
});

import models, {ns} from './model'; // 引入当前业务所在的model

 computed: {
    ...mapState(ns, ['count'])
 },

 methods: {
    introduce() {
      // 支持选传第二个参数options。允许在命名空间模块里分发根的 action
      models.setCount(2) || models.setCount(2, {root: true});
      models.commit.addCount(3）|| models.commit.addCount(3, {root: true});
    }
 }

写在最后：