如何在同一个 Polymer 元素中扩展多个 mixin？

Question

我正在将我的 Polymer 应用程序更新到 2.0，同时尝试熟悉新概念。

我想在我的 Polymer 元素中扩展两个 mixin：DatastoreBehaviors 和 FacebookBehaviors，但我不知道如何继续：

元素：

  class AppFeed extends DatastoreBehavior(Polymer.Element) {

      static get is() { return 'app-feed'; }

      ...


}

混合 1：

const DatastoreBehaviors = (superClass) => class extends superClass {

    ...
}

混合 2：

  const FacebookBehaviors = (superClass) => class extends superClass {

    ...
}

Answer 1

Polymer 中可以通过以下方式实现多重继承

class AppFeed extends DatastoreBehavior(FacebookBehaviors(Polymer.Element)) { … }

这将创建像

这样的继承层次结构

AppFeed <= DatastoreBehavior(FacebookBehaviors(Polymer.Element)) <= 
FacebookBehaviors(Polymer.Element) <= Polymer.Element

您也可以参考documentation。