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

我有一个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>

错误：

[Vue warn]：创建的钩子中出现错误：“ReferenceError:初始化映射不正确 定义“

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

注意：我不想在网页包条目中包含

map.js

，因为我只需要在一个组件（

map.vue

）中包含此脚本。

试试这个

test.js

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

*****vue先生

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

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

---

请尝试

require（'../../assets/js/map.js'）

已执行@OlegShleif，问题仍然存在。感谢您不难解释怎么做？@OlegShleif，解释一下什么呢？

export

和

export default

之间有什么区别吗？二者都worked@HulaHula

export

是您命名一个类或函数（或多个）的地方，然后可以通过如上所述使用大括号指定定义来导入该类或函数。导出默认值意味着，如果未提供精确定义，则在导入时将自动返回默认值。例如，

import foo from'/path/to/bar'

，其中

foo

成为默认导出。

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

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