javascript - 如何在 Ember CLI 中使用 ES6 语法子类化 Ember 类

Question

我想在 Ember CLI 中创建一个自定义路由类。我有以下示例在使用全局变量编写的旧应用程序中工作:

App.AuthenticatedRoute = Ember.Route.Extend({ 
  beforeModel: function() { 
    //Do some things
  }
});

App.DashboardRoute = App.AuthenticatedRoute.Extend({});

我对 ES6 模块非常熟悉，知道这个示例看起来像这样......

var AuthenticatedRoute = Ember.Route.Extend({
  beforeModel: function() { 
    //
  }
});

export default AuthenticatedRoute;

...但我对以下内容感到好奇:

1. 它会出现在应用结构中的哪个位置？
2. 如何在其他模块中访问该子类？

更新:

为了澄清我的问题:我正在寻找有关这样的自定义实现应该存在于何处的信息，而不是存在于 app/routes 目录中的常规子路由。 Ember CLI 文档指出了以下内容:

要为生成的路由提供自定义实现(相当于使用全局变量时的 App.Route)，请使用 app/routes/basic.js。

http://www.ember-cli.com/#module-directory-naming-structure

...但我在实践中找不到任何这样的例子，而且这似乎是一个不完整的约定。我最终将自定义实现视为标准路由(app/routes/authenticated.js)并根据需要导入。

Answer 1

如果您使用强烈推荐的 ember-cli，它将位于 app/routes/authenticated.js 中，如下所示:

import Ember from 'ember';

export default Ember.Route.extend({
});

然后您可以将其导入其他模块中，如下所示

从“app/routes/authenticated”导入 authRoute