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

1、使用
	const app = Vue.createApp({  
		data() {
			return {
				...
			}
		},
		methods: {...},
		computed: {...}
	  	...
	  },{根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>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐