README.CN.md

English | 简体中文

Omi - Web Components 框架

• 📶 信号 Signal 驱动的响应式编程
• 🌐 结合 JSX 语法和 Web Components 的强大组合，让组件化开发更简单、更高效
• 💒 使用 Constructable Stylesheets 轻松管理和共享样式

import { render, signal, tag, Component, h } from 'omi'

const count = signal(0)

function add() {
  count.value++
}

function sub() {
  count.value--
}

@tag('counter-demo')
class CounterDemo extends Component {
  static css = 'span { color: red; }'

  render() {
    return (
      <>
        <button onClick={sub}>-</button>
        <span>{count.value}</span>
        <button onClick={add}>+</button>
      </>
    )
  }
}

render(<counter-demo />, document.body)

安装

npm i [email protected]

贡献者

License

MIT © Tencent