创建应用

createApp(), 会创建一个wc-app组件的同时, 全整合路由和状态管理。createApp()提供了类似vue3的API, 极大的降低了学习成本, 指在让你能从vue应用中迁移过来。

创建应用之后, 会在所有的wkit组件中, 注册一个原型属性$app, 在任意wkit组件内部都可通过this.$app访问到应用的根节点对象。


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(middleware`<Function>`[, args`<Any>`])

这是框架唯一一个引入拓展模块的方法。当然, 目前只有路由和状态管理2个。


const router = createRouter(...)
const store = createStore(...)

app
  .use(router)
  .use(store)

.mount()

这个没啥可说的了。

Table of Contents

创建应用

.use(middleware<Function>[, args<Any>])
.mount()

创建应用

.use(middleware<Function>[, args<Any>])

.mount()

.use(middleware`<Function>`[, args`<Any>`])