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

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 警告]：创建钩子时出错：“ReferenceError: init_map is not 定义”

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

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

Answer 1

试试这个

test.js

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

*****.vue

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

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