Vue中使用全局常量

// 创建公用js文件 global.js
let global = {

// 存放全局常量
constGlobal.title= 'xx'

暴露全局常量
export default global

// main.js中  全局注入常量数据
import global from './common/global.js'


app.config.globalProperties.$global= global;

// Vue3文件中使用的2中方法
<template>
    <div>{{ $global.title }}</div>
    <div>{{ title }}</div>
</template>

<script>
const con = getCurrentInstance()
const title = reactive(con.appContext.config.globalProperties.$global.title)

<script>