怎么去理解mobx的 @computed @autorun 我有点琢磨不透麻烦各位指点一下

Question

怎么去理解mobx的 @computed @autorun 我有点琢磨不透麻烦各位指点一下

Answer 1

@computed 是为了优化代码逻辑。比如 component 中需要展示 price 以及 total 两个信息。不使用@computed的话，需要这么写。@observable count;handleCountAdd() {    this.count += 1;    this.setState({ total: this.count * this.props.price });}假如使用了 @computed，就可以写成@observable count;@computed get total() {    return this.count * this.props.price;}handleCountAdd() {    this.count += 1;}第二种方法明显优于第一种，因为 total 其实相当于是根据 price 和 count 得到的，虽然它同样控制着展示，但是作为 state 会显得有些冗余。@autorun 的使用频次太少，我也没有找到很好的 case 来解释...