From 7eff3b6192fd72946706159360cdc92dc417eb5b Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Mon, 25 Sep 2023 18:53:23 +0800
Subject: [PATCH] Update createApp

---
 createApp.md | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/createApp.md b/createApp.md
index cc92272..10b9f51 100644
--- a/createApp.md
+++ b/createApp.md
@@ -1,3 +1,30 @@
 # 创建应用
 
-> `createApp()`, 会创建一个`wc-app`组件的同时, 全整合路由和状态管理。
\ No newline at end of file
+> `createApp()`, 会创建一个`wc-app`组件的同时, 全整合路由和状态管理。`createApp()`提供了类似`vue3`的`API`, 极大的降低了学习成本, 指在让你能从vue应用中迁移过来。
+
+```js
+
+const app = createApp({
+  data: {},
+  methods: {},
+  render(){
+    return html`
+    <div class="app">
+      ...
+    </div>`
+  }
+})
+
+```
+
+支持传入以下5个字段`data`, `styles`, `methods`, `render`, `mounted`。
+
+- 其中`data`与vue3有一点区别, 该字段为一个对象, 对应`wkit`的静态属性`props`;
+- `styles` 对应`wkit`的静态属性`styles`
+- `methods` 类似vue3, 对应`wkit`的原型方法
+- `render`, 对应的`wkit`的`render`方法, 为必须传入的字段。
+- `mounted`, 对应的`wkit`的`mounted`方法。
+
+
+## .use()
+> 这是框架唯一一个引入拓展模块的方法。当然, 目前只有 路由和状态管理2个。