Javascript 从Vue中的其他js文件调用store.js中的函数

我使用Vuex（将数据存储在store.js中）。关于变异，我有一个方法“autoUpdateDb”：

store.js：

import Vuex from "vuex";
import Vue from "vue";
import { serv } from "./serviceMixin";

Vue.use(Vuex);

export default new Vuex.Store({

mutations: {
    autoUpdateDb(state, payload) {
        functionA();
    },        
},

actions: {}

}))

当我调用“autoUpdateDb”函数时，我得到了一个错误“（void 0）未定义”。 “function（）”在其他js文件-serviceMixin.js中的位置

serviceMixin.js：

 functionA(){
      console.log("Hello");
            }

我应该如何调用请求的函数

---

问候和感谢

在您的

serviceMixin.js

文件中，您应该通过添加

函数

关键字正确定义函数，并将其导出为：

 export function functionA(){
      console.log("Hello");
            }

然后在存储文件的顶部导入它，并在操作中调用它：

import {functionA} from './serviceMixin'
... 
mutations: {
      autoUpdateDb(state, payload) {
       functionA();
    },

---

如果使用模块加载器（如webpack），则需要在store.js中导入该函数

const {functionA} = require('./serviceMixin');

然后导出函数

}

---

让第一个文件为first.js，第二个文件为second.js，并且它们都在同一个文件夹中。下面是First.js文件的代码

export default function FunctionOne(){
    console.log("from file one")
}

Second.js

import FunctionOne from './First.js'
FunctionOne()

---

请不要截断代码，因为它是相关的。您需要正确导入它。如果你没有，这需要解决。你是对的。谢谢补充

export default function FunctionOne(){
    console.log("from file one")
}

import FunctionOne from './First.js'
FunctionOne()