Update createApp

master
yutent 2023-09-25 18:53:23 +08:00
parent cb750f7acb
commit 7eff3b6192
1 changed files with 28 additions and 1 deletions

@ -1,3 +1,30 @@
# 创建应用
> `createApp()`, 会创建一个`wc-app`组件的同时, 全整合路由和状态管理。
> `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个。