Function createApp

src/apis/createApp.ts:21–76

(rootComponent: any, rootProps: any = undefined)

}

export function createApp(rootComponent: any, rootProps: any = undefined): App {
  const V = getVueConstructor()!

  let mountedVM: Vue | undefined = undefined

  let provide: Record<any, any> = {}

  const app: App = {
    config: V.config,
    use: V.use.bind(V),
    mixin: V.mixin.bind(V),
    component: V.component.bind(V),
    provide<T>(key: InjectionKey<T> | symbol | string, value: T) {
      provide[key as any] = value
      return this
    },
    directive(name: string, dir?: Directive | undefined): any {
      if (dir) {
        V.directive(name, dir as any)
        return app
      } else {
        return V.directive(name)
      }
    },
    mount: (el, hydrating) => {
      if (!mountedVM) {
        mountedVM = new V({
          propsData: rootProps,
          ...rootComponent,
          provide: { ...provide, ...rootComponent.provide },
        })
        mountedVM.$mount(el, hydrating)
        return mountedVM
      } else {
        if (__DEV__) {
          warn(
            `App has already been mounted.\n` +
              `If you want to remount the same app, move your app creation logic ` +
              `into a factory function and create fresh app instances for each ` +
              `mount - e.g. \`const createMyApp = () => createApp(App)\``
          )
        }
        return mountedVM
      }
    },
    unmount: () => {
      if (mountedVM) {
        mountedVM.$destroy()
        mountedVM = undefined
      } else if (__DEV__) {
        warn(`Cannot unmount an app that is not mounted.`)
      }
    },
  }
  return app
}