Front End Cross-Frameworks Framework

Omi Docs Omim Docs Omi + Kbone Omix + 小程序

Omi + Preact Omis + React Omiv + Vue GitHub

Copyright © 2019 Tencent

      
import { define, render } from 'omi'

class Store {
  data = {
    count: 1
  }
  sub = () => {
    this.data.count--
  }
  add = () => {
    this.data.count++
  }
}

define('my-counter', _ => (
  <div>
    <button onClick={_.store.sub}>-</button>
    <span>{_.store.data.count}</span>
    <button onClick={_.store.add}>+</button>			
  </div>, {
		use: ['count']
	}
))

render(<my-counter />, 'body', new Store)