vue3挂载全局变量

1、查看已挂载的全局变量

import App from './App.vue'

const app = create(App)

console.log(app.config.globalProperties)

2、设置全局变量

import App from './App.vue'

const app = create(App)

app.config.globalProperties.$foo={
    name:'foo'
}

官方介绍：cn.vuejs.org/api/applica…

3、setup方式使用全局变量

<script setup>
import {getCurrentInstance} from 'vue'

const {proxy} = getCurrentInstance()

console.log(proxy.$foo)

</script>

4、option方式使用全局变量

<script>
export default {
    mounted() {
        console.log(this.$foo)
    }
}
</script>

在模板中使用变量

<template>
    <div>{{$foo.name}}</div>
</template>