vue3 uniapp 全局变量

在Vue3和uni-app中，可以使用Vue的插件机制来实现全局变量的定义和使用。

首先，创建一个`global.js`文件来定义全局变量。在该文件中，可以使用`app.config.globalProperties`来定义全局变量。例如：

// global.js
const app = Vue.createApp({});

app.config.globalProperties.$myGlobalVar = 'Hello, Global Variable!';

export default app;

然后，在入口文件（如`main.js`）中引入`global.js`，并将其注册为Vue的插件。例如：

// main.js
import { createApp } from 'vue';
import App from './App.vue';
import globalPlugin from './global.js';

const app = createApp(App);

app.use(globalPlugin);

app.mount('#app');

现在，你可以在任何Vue组件中使用`this.$myGlobalVar`来访问全局变量了。例如：

<template>
  <div>
    {{ $myGlobalVar }}
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this.$myGlobalVar); // 输出 'Hello, Global Variable!'
  }
};
</script>