使用 Vue 导入外部 js

Question

假设我在resources/assets/js中有2个js文件，一个是app.js，另一个是ext_app.js

ext_app.js中有一个函数如下：

function testFunction() {
    // function code
}

在app.js:

require('./bootstrap');
require('./ext_app.js');

const app = new Vue({
    // other stuff

    mounted: function() {
        // Call my test function from ext_app.js
        testFunction();
    }
});

运行npm run dev 并查看public/js/app.js，ext_app.js 代码在那里，无论如何都很好。但是，该应用在 Chrome 上运行时返回以下错误：

[Vue warn]: Error in mounted hook: "ReferenceError: testFunction is not defined"

我错过了什么？

Answer 1

您需要先导出 testFunction，然后才能使用它。

module.exports = function testFunction() {
   // function code
}