Function reaction

Example

import { observable } from 'mobx';
import { Vue, Component, toNative } from 'vue-facing-decorator';
import { observer, reaction } from 'mobx-vue-helper';

class Counter {
    @observable
    count = 0;
}

@Component
@observer
class MyTag extends Vue {
    counter = new Counter();

    @reaction(({ counter }) => counter.count)
    handleCountChange(newValue: number, oldValue: number) {
        console.log(`Count changed from ${oldValue} to ${newValue}`);
    }

    render() {
       const { counter } = this;

       return (
           <button onClick={() => counter.count++}>
               Up count {counter.count}
           </button>
       );
   }
}
export default toNative(MyTag);
Copy