vue3：挂载全局属性

vue3中暴露了globalProperties属性用于全局属性的挂载，废话少说上代码。

挂载方式：

import { createApp } from 'vue';
import App from '@/App.vue';

const app = createApp(App);
// 挂载全局属性
app.config.globalProperties.$projectName = '万睡爹地的测试项目';

 

读取方式：

<script lang="ts">
import { defineComponent, getCurrentInstance, ref } from 'vue';

export default defineComponent({
  name: 'test',
  setup() {
    const instance: any = getCurrentInstance();
    // getCurrentInstance获取，在proxy原型链上获取
    console.log(instance.proxy, instance.proxy?.$projectName);

    const projectName = ref('');
    return {
      projectName
    };
  }
});
</script>

输出（原型链上获取）：