javascript - 导入脚本顺序错误，函数未定义

Question

我有一个像这样的 vuejs 组件 (map.vue):

<script> 
import '../../assets/js/map.js' 

export default {
    name: 'home',
    data () {
        return {
            init_data: {},
        }
    },
    created: function() {
         this.init_data = window.get_init_data(this.view, function(response) {
               document.title = response.body.page_title;
               init_map(some_arguments);
         });
    }
}
</script>

map.js:

const key = ******;
function init_map(some_args) {
    ...
}

错误:

[Vue warn]: Error in created hook: "ReferenceError: init_map is not defined"

事实上，在签名之前检查其调用的函数的源代码。

注意:我不想在 webpack 条目中包含 map.js，因为我只需要在一个组件 (map.vue) 中使用此脚本。

Answer 1

试试这个

测试.js

export function writeHello() {
    console.log('hello');
}

*****.vue

import {writeHello} from './../test.js';

export default {
    created() {
        writeHello();
    }
}