uniapp-vue3 挂载方法

Last modified date

定义方法-导出

/**
 * 获取设备 id 。由 uni-app 框架生成并存储,清空 Storage 会导致改变
 */
const getDeviceId = () => {

	return new Promise((succ, fail) => {
		// 获取设备id
		// 设备 id 。由 uni-app 框架生成并存储,清空 Storage 会导致改变
		uni.getSystemInfo({
			success: function(res) {
				// console.log('deviceId', res.deviceId);
				let data = {
					'deviceId': res.deviceId,
				};
				succ(res_data(1, data, '成功'));
			},
			fail: function(res) {
				fail(res_data(0 , null, '失败'));
			}
		});
	});
};


const res_data = (code, data, msg) => {

	let da = {
		code,
		data,
		msg,
	};


	return da;
}



export default {
	getDeviceId,
	res_data,
}

引入main.js

import App from './App'

// #ifndef VUE3
import Vue from 'vue'
import './uni.promisify.adaptor'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
import my_util from "./util/util.js"
export function createApp() {
  const app = createSSRApp(App)
  
  // 挂载
  app.config.globalProperties.$my_util = my_util; // 挂载全局
  
  
  return {
    app
  }
}
// #endif

使用

this.my_util.res_data();

weijiang