From 5b987d65e23b7439ac4fc0ddc674ad9564e083df Mon Sep 17 00:00:00 2001
From: dntzhang <dntzhang@qq.com>
Date: Sun, 21 Apr 2019 11:52:30 +0800
Subject: [PATCH] update readme

---
 README.md | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
diff --git a/README.md b/README.md
index fcd5a35e6..a348d1a80 100644
--- a/README.md
+++ b/README.md
@@ -177,6 +177,62 @@ This page demonstrates using Omi **with no build tooling**,  directly run in the
 </html>
 ```
 
+### Using store system
+
+```html
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8" />
+  <title>Omi demo without transpiler</title>
+</head>
+
+<body>
+  <script src="https://tencent.github.io/omi/packages/omi/dist/omi.js"></script>
+  <script>
+    const { define, WeElement, html, render } = Omi
+
+    define('my-counter', class extends WeElement {
+      initUse() {
+        return ['count']
+      }
+
+      install() {
+        this.sub = this.sub.bind(this)
+        this.add = this.add.bind(this)
+      }
+
+      sub() {
+        this.store.data.count--
+      }
+
+      add() {
+        this.store.data.count++
+      }
+
+      render() {
+        return html`
+          <div>
+            <button onClick=${this.sub}>-</button>
+            <span>${this.store.data.count}</span>
+            <button onClick=${this.add}>+</button>
+          </div>
+          `}
+    })
+
+    render(html`<my-counter />`, 'body', {
+      data: {
+        count: 1
+      }
+    })
+  </script>
+
+</body>
+
+</html>
+```
+
 You can also use `like-button` tag directly in HTML：
 
 ```jsx
