天天看点

vue3.0 createApp

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

1、使用
	const app = Vue.createApp({配置对象},{根prop参数})

2、链式调用
	支持链式调用:https://v3.cn.vuejs.org/api/application-api.html#component

3、该方法类型声明
	interface Data {
	  [key: string]: unknown
	}
	
	export type CreateAppFunction<HostElement> = (
	  rootComponent: PublicAPIComponent,
	  rootProps?: Data | null
	) => App<HostElement>
           

代码示例:

const app = Vue.createApp(
  {
    props: ['username']
  },
  { username: 'Evan' }
)

<div id="app">
  <!-- 会显示 'Evan' -->
  {{ username }}
</div>

           
下一篇: vue3.0总结