Function observer

observer<T extends VueCons<Identity<IdentityType>, {}, {}>>(
ClassComponent: T,
__namedParameters: ClassDecoratorContext<T>,
): void | T
Observer decorator for Class components, tracks & reacts to MobX observable state changes automatically.
Type Parameters
- T extends VueCons<Identity<IdentityType>, {}, {}>
Parameters
- ClassComponent: T
- __namedParameters: ClassDecoratorContext<T>
Returns void | T
Example
```
import { Vue, Component, toNative } from 'vue-facing-decorator';
import { observer } from 'mobx-vue-helper';

import counterStore from './models/Counter';

@Component
@observer
class MyMobX extends Vue {
  render() {
    return <button onClick={() => counterStore.increment()}>
      Count: {counterStore.count}
    </button>;
  }
}
export default toNative(MyMobX);
```
- Defined in src/observer.tsx:122
observer<P extends Record<string, unknown> = {}>(
functionComponent: FunctionalComponent<P>,
): FunctionalComponent<P>
Observer wrapper for Function components, tracks & reacts to MobX observable state changes automatically.
Type Parameters
- P extends Record<string, unknown> = {}
Parameters
- functionComponent: FunctionalComponent<P>
Returns FunctionalComponent<P>
Example
```
import { observer } from 'mobx-vue-helper';

import counterStore from './models/Counter';

export const MyMobX = observer(() => (
  <button onClick={() => counterStore.increment()}>
    Count: {counterStore.count}
  </button>
));
```
- Defined in src/observer.tsx:143