【uni-app】UniApp实现全局方法的注册、调用示例（图文）

一、在common文件下新建一个方法csjFunction.js文件

 

//取值
function message(value) {
	uni.showToast({
		title: value,
		duration: 3000
	});
}

//返回值
function number(a,b) {
	return a*b;
}

export {
	message,
	number
}

二、在main.js中注册

 

 

import Vue from 'vue'
import App from './App'

//Csj自定义方法
import * as Csj from '@/common/utils/csjFunction.js'

//上传方法
import * as Upload from '@/common/utils/uploadHelper.js'
//常用方法库
import * as Common from '@/common/utils/commonHelper.js'
//本地存储封装
import * as Db from '@/common/utils/dbHelper.js'
//全局常量配置
import * as GlobalConstVars from '@/common/setting/constVarsHelper.js'

//全局常量配置
import * as CoreTheme from '@/common/setting/coreThemeHelper.js'

import store from '@/common/store'

//引入全局uView
import uView from 'uview-ui';
Vue.use(uView);


// 引入uView对小程序分享的mixin封装
let mpShare = require('@/uview-ui/libs/mixin/mpShare.js');
Vue.mixin(mpShare)

//全局引用常量配置文件,用于template内代码使用
Vue.mixin({
    data() {
        return {
            $globalConstVars: GlobalConstVars
        }
    }
})

Vue.config.productionTip = false
Vue.prototype.$upload = Upload;
Vue.prototype.$common = Common;
Vue.prototype.$db = Db;
Vue.prototype.$globalConstVars = GlobalConstVars;
Vue.prototype.$coreTheme = CoreTheme;
Vue.prototype.$store = store;
Vue.prototype.$csj = Csj;

App.mpType = 'app'

const app = new Vue({
    ...App
})

// http拦截器
import httpInterceptor from '@/common/request/http.interceptor.js'
// 这里需要写在最后，是为了等Vue创建对象完成，引入"app"对象(也即页面的"this"实例)
Vue.use(httpInterceptor, app)

// http接口API集中管理引入部分
import httpApi from '@/common/request/http.api.js'
Vue.use(httpApi, app)

app.$mount()

三、在Vue文件中直接调用

 

	
				let mValue=this.$csj.number("12","2");
				console.log(mValue);
				this.$csj.message(mValue.toString());