组件在前端开发中时最为常见和使用最频繁的功能，那么在开发中难免会遇到一些组件在项目中大部分页面中都会使用到。

关于这一类使用频率较高的组件，通常需要配置为全局通用组件，这样便不需要在每个页面上进行引用，做到了一次引入，整个项目中无缝轻松调用。

那么关于全局组件的开发在uni-app项目中vue3版本要如何配置呢？

一、创建全局通用组件

    1.1、根目录components下创建tips.vue组件

<template>
	<view >通用测试组件</view>	
</template>

二、main.js中配置全局方法

// #ifdef VUE3
import globalTips from '@/components/tips.vue'
import { createSSRApp } from 'vue'
export function createApp() {
	const app = createSSRApp(App)
	// 注册全局组件
	app.component('global-tips', globalTips)
	return { app }
}
// #endif

三、页面中使用通用提示tips方法

<template>
	<view >
		<!-- 使用全局提示组件 -->
		<global-tips></global-tips>
	</view>	
</template>

注意项

    全局通用组件极大程度上方便了开发的使用，但不宜滥用全局通用组件。