ES6 Class，扩展 Ractive

Question

我正在使用 ES6（通过 Babel），并寻找 "proper" 方法来定义扩展 Ractive 的 Class（如果可能，不调用 Ractive.extend(...)），因为 Ractive允许新的 (http://docs.ractivejs.org/latest/new-ractive).

尝试了以下方法，似乎几乎有效：

class Home extends Ractive {
  constructor() {
    super();
    this.template = "<h1>{{message}}</h1>";
  }

  data() {
    return {
      message: 'This is sample data'
    }
  }

  oninit() {
    console.log('ok');
  }
}

Ractive 实例初始化无误，oninit 被调用，但模板似乎未定义。

Answer 1

我也想开始使用该语法。 :)

但一个月前我花了一个小时试图查看它是否可以破解，但由于某些组件扩展的工作原理，我得出的结论是目前不可能。但它在我们的雷达上，应该会在不久的将来出现。

ES6 Class，扩展 Ractive

ES6 Class, extending Ractive

ecmascript-6

ractivejs