在 Vue 3 中,你可以通过创建一个自定义的 JavaScript 模块来定义全局变量,并在需要的地方导入这个模块。以下是一个简单的例子:
1.创建一个全局变量文件(例如 global-vars.js)
// global-vars.js
const globalVars = {API_URL: 'https://api.example.com',GLOBAL_FLAG: true
};export default globalVars;
2.在 Vue 组件中导入这个全局变量模块并使用它:
// MyComponent.vue
<template><div>{{ API_URL }}</div>
</template><script>
import globalVars from './global-vars.js';export default {data() {return {API_URL: globalVars.API_URL,GLOBAL_FLAG: globalVars.GLOBAL_FLAG};}
};
</script>