Vue3之通过setup语法糖及setup函数获取全局属性

Vue3之通过setup语法糖及setup函数获取全局属性

1. 适用场景

1. 适用于vue/cli脚手架
2. 适用于Vite
3. 适用于移动端开发，如uni-app

2. setup语法糖注册全局属性

<script setup>
import { getCurrentInstance } from 'vue'
 //注意：推荐使用proxy.mystest,而ctx.mytest在本地开发环境没问题，上生产后有可能报错
 const { proxy, ctx } = getCurrentInstance()
 console.log("proxy.mytest",proxy.mytest) //输出 jinshengyuan
 console.log("ctx.mytest",ctx.mytest) //输出 jinshengyuan(生产环境有可能会出错)
}
</script>

3. setup函数获取全局属性

<script>
import { getCurrentInstance } from 'vue'
export default {
  components: {},
  setup() {
    const instance = getCurrentInstance()
    console.log('getCurrentInstance', instance.appContext.config.globalProperties)
    return {}
  }
}