全局属性怎么在setup中使用

[holly9715]

app.config.globalProperties.msg = 'hello'
export default {
mounted() {
console.log(this.msg) // 'hello'
}
}
怎么在<script setup><script>中使用这个全局变量，感觉组件式没有特别好在script 中获取全局变量的便捷模式，这个全局变量在template的说能够使用的，只能用window.msg在main.js进行注册使用吗？

[baiwusanyu-c]

<script setup>
import { ref, getCurrentInstance } from 'vue'
const instance = getCurrentInstance()
console.log(instance.appContext.config.globalProperties)
const msg = ref('Hello World!')
</script>

<template>
  <h1>{{ msg }}</h1>
  <input v-model="msg" />
</template>

[baiwusanyu-c]

Actually, globalProperties is a compatibility API, and I don't recommend using it. As you said, you can set global variables through the window, but you can write a hook function or use a library like Pinia to manage your global state and global variables.

[baiwusanyu-c]

Another point worth mentioning is that getCurrentInstance was a public API provided in earlier versions. It was used to retrieve the current component instance, which in turn allowed access to the app context. However, due to stability considerations, this API is no longer publicly available and is no longer mentioned in the official documentation. Therefore, I strongly recommend that if you are using setup to write Vue components, you can use other methods to set global variables; globalProperties is not mandatory.