Question

我正在尝试将数组导入Vue组件：

（简化）组件：

<script type="text/babel">
    const countryCodes = require('./country_codes.js');

    export default {
        props: [],

        data() {
            return {
                countryCodes: countryCodes
            }
        },
    }
</script>

country_codes.js

(function() {
   return ['DE', 'EN']; // This, of course, is way bigger; simplified for readability
});

组件和country_codes.js文件都在同一目录中，但countryCodes属性始终是一个空对象。

我做错了什么？

Answer 1

我无法确定您的代码无法正常工作的原因。也许您只需要从countryCodes.js

导出数据

所以，我相信这会起作用

import countryCodes from './countryCodes.js'

countryCodes.js

export const countryCodes = {
  return ['DE', 'EN'];
}

如何在Vue.js组件中使用外部JS文件中的数组？

1 个答案: