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