class MyComponent extends migi.Component {
  constructor(data) {
    super(data);
    this.index = 0;
    this.text = 'text';
    this.on(migi.Event.DOM, function() {
      this.element.addEventListener('DOMSubtreeModified', function(e) {
        // 点击后只会有一处dom变更，即span节点
        console.log(e);
      });
    });
  }
  @bind index
  @bind text
  handleClick() {
    this.index = this.index >= 2 ? 0 : this.index+1;
  }
  render() {
    return (
      <div>
        <p onClick={ this.handleClick }>click</p>
        <span>
        {
          [1, 3, 5].map((item) => {
            // this.index引用出现在arrowFunction中，但因为this没有变更，所以仍然在监听范围内
            return item + ',' + this.index + '; ';
          })
        }
        </span>
        <p>this.text 没有变更，所以不会被预编译优化侦听到 { this.text }</p>
      </div>
    );
  }
}

migi.render(
  <MyComponent />,
  '#example'
);