是否可以从 Vuex 中导入的本地函数调用？

Question

我有一个名为_mixin.js 的简单文件，其中包括：

const mutations = {
    _set(state, data) {       
        for (let key in data) {
            if (key in state) {
                state[key] = data[key];
            }
        }
    },

    _reset(state) {
        const s = initialState();

        Object.keys(s).forEach(key => {
            state[key] = s[key];
        });
    }
};

export default {
    mutations
};

我想做的是在所有现有模块突变之间共享这两种方法，如下所示：

import _MIXINS from 'store/modules/_mixins';

function initialState() {
    return {
        id: null,
        email: null,
        password: null,
        name: null,
    };
}

const state = initialState();


const mutations = {
    ..._MIXINS.mutations,

    setId(state, id) {
        state.id = id;
    }
};

问题是浏览器说它找不到函数initialState，因为它不在同一个文件中。

Answer 1

就这样吧：

//sharedLogic.js

export function initialState () {
    // your logic
}

// 存储模块

import { initialState } from '<pathTo sharedLogic.js>'
const state = initialState();

// 混合模块

import { initialState } from '<pathTo sharedLogic.js>'
const mutations = {
   ...
    _reset(state) {
        const s = initialState();

        Object.keys(s).forEach(key => {
            state[key] = s[key];
        });
    }
};