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

Question

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

我想在我的 Polymer 元素中扩展两个混入：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.