Javascript 从Vue中的其他js文件调用store.js中的函数
我使用Vuex(将数据存储在store.js中)。关于变异,我有一个方法“autoUpdateDb”: store.js:Javascript 从Vue中的其他js文件调用store.js中的函数,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我使用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: { auto
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()