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

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

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐