前端在项目开发中对于各类方法的使用绝对是必要的操作项，既然对于项目开发来说方法是不可或缺的部分。那么在开发中对于一些使用频率较高的方法，如何配置成全局方法呢？

本篇内容就介绍在uni-app框架中vue3版本如何配置全局方法及使用流程。

一、创建全局方法通用提示方法

    1.1、根目录中创建utils文件

    1.2、创建utils.js，通用提示方法如下

export function tips(data, type) {
	switch (type) {
		case 'loading':
			uni.showLoading({
				title: data
			});
			break;
		case 'hide':
			uni.hideLoading();
			break;
		default:
			uni.showToast({
				title: data,
				duration: 2000,
				icon:'none'
			});
	}
}

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

// #ifdef VUE3
import { createSSRApp } from 'vue'
import * as util from '@/utils/utils.js'
export function createApp() {
  const app = createSSRApp(App)
  app.config.globalProperties.$util = util
  return {
    app
  }
}
// #endif

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

export default {
	data() {
		return {}
	},
	onLoad() {
	},
	methods: {
		testFun(){
			let _this = this
			_this.$util.tips("请输入提现金额")
		}
	}
}

关于全局方法使用

    本篇文章仅抛砖引玉效果，对于开发者来说肯定是不止一个常用方法。同样流程，在utils.js新增你使用的全局方法，即可在页面中和全局提示方法同样使用流程。