@observable

egghead.io 第1课: observable & observer
在 egghead.io 上观看
egghead.io 第4课: observable 对象 & 映射
在 egghead.io 上观看

装饰器可以在 ES7 或者 TypeScript 类属性中属性使用,将其转换成可观察的。@observable 可以在实例字段和属性 getter 上使用。对于对象的哪部分需要成为可观察的,@observable 提供了细粒度的控制。

  1. import { observable, computed } from "mobx";
  2. class OrderLine {
  3. @observable price = 0;
  4. @observable amount = 1;
  5. @computed get total() {
  6. return this.price * this.amount;
  7. }
  8. }

如果你的环境不支持装饰器或字段初始化器,使用 decorate 来代替 (想了解更多,参见 装饰)。