• @observable

    @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 来代替 (想了解更多,参见 装饰)。