方法一 js文件
// functions.js
export function function1() {
// 函数1的逻辑
}
export function function2() {
// 函数2的逻辑
}
export function function3() {
// 函数3的逻辑
}
vue 导入js文件
// YourComponent.vue
import * as functions from './functions.js';
export default {
methods: {
yourMethod() {
functions.function1();
functions.function2();
functions.function3();
}
}
}
方法二 js文件
// functions.js
function function1() {
// 函数1的逻辑
}
function function2() {
// 函数2的逻辑
}
function function3() {
// 函数3的逻辑
}
export default {
function1,
function2,
function3
}
vue 导入js文件 -->XXX 是一个自定义的变量名
import XXX from './functions.js';
export default {
methods: {
yourMethod() {
XXX.function1();
XXX.function2();
XXX.function3();
}
}
}