Update createApp
parent
cb750f7acb
commit
7eff3b6192
29
createApp.md
29
createApp.md
|
@ -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个。
|
||||
|
|
Loading…
Reference in New Issue