使用Vue

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
}