Ember.js 余烬出口/进口含义与coffescipt

我们有：

# app/components/my-component.coffee
`import Ember from 'ember'`

MyComponent = Ember.Component.extend
  tagName: 'div'

`export default MyComponent`

但在纯js中，它将是

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'div'
});

---

所有这些进出口是关于什么的？

MyComponent

是否与文件命名相同，或者我可以使用任何命名的var来代替它？如果我这样命名，我是否需要使用

import MyComponent

？

这是因为coffeescript在es6中没有

import

和

export

语句的语法

在

ember cli中

每个文件都是一个es6模块。因此，您在模块中声明的任何变量都将只存在于模块中。按照惯例，您的ember应用程序中导出组件的名称将是

MyComponent

，因为文件名是

MyComponent.js

但是在您的文件中，您也可以为变量指定一个完全不同的名称

如果您将此文件导入到其他地方，您可以在那里随意命名，如下所示：

import Bananas from `components\my-component.js`

香蕉

现在将包含从

my component.js