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