javascript - 使用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
}