导入JS变量未定义？

Question

所以理论上这可以在这里工作：https://codepen.io/anon/pen/JMONmP

但在我的Vuejs应用程序中，我将JS放在外部文件中（/assets/js/age.js）。

在Application.vue中我导入了文件;

import myAge from '../assets/js/age.js'


export default {
  created() {
    console.log('I am ' + myAge);
  },
}

问题是{{myAge}}在模板中显示为空白，当我在console.log中时，控制台显示“我未定义”。我知道路径是正确的，因为我可以在.js文件中使用console.log并且它将正确输出，但我不明白为什么它在我的.vue文件中是未定义的。

任何帮助都将非常感谢，John。