omi-mobx

Omi 内置的 observe 是通过 proxy 实现的,如果你想要兼容 IE11, 你可以使用 omi-mobx 去实现响应式视图:

  1. import { tag, WeElement } from "omi"
  2. import { observe } from "omi-mobx"
  3. @observe
  4. @tag("my-app")
  5. class MyApp extends WeElement {
  6. install() {
  7. this.data.name = "omi"
  8. }
  9. onClick = () => {
  10. this.data.name = "Omi V4.0"
  11. }
  12. render(props, data) {
  13. return (
  14. <div onClick={this.onClick}>
  15. <h1>Welcome to {data.name}</h1>
  16. </div>
  17. )
  18. }
  19. }