• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • vue手册
  • php手册
  • MySQL手册
  • apache手册
  • redis手册
  • createApp

    返回一个提供应用上下文的应用实例。应用实例挂载的整个组件树共享同一个上下文。

    const app = Vue.createApp({})
    

    你可以在createApp之后链式调用其它方法,这些方法可以在应用 API 中找到。


    参数

    该函数接收一个根组件选项对象作为第一个参数:

    const app = Vue.createApp({
      data() {
        return {
          ...
        }
      },
      methods: {...},
      computed: {...}
      ...
    })
    

    使用第二个参数,我们可以将根 prop 传递给应用程序:

    //JS
    const app = Vue.createApp(
      {
        props: ['username']
      },
      { username: 'Evan' }
    )
    
    
    //HTML
    <div id="app">
    	<!-- 会显示 'Evan' -->
    	{{ username }}
    </div>
    


    类型声明

    interface Data {
        [key: string]: unknown
    }
    
    export type CreateAppFunction<HostElement> = (
       rootComponent: PublicAPIComponent,
       rootProps?: Data | null
    ) => App<HostElement>
    

    下篇:h