Vue3全局属性app.config.globalProperties

一、概念

一个用于注册能够被应用内所有组件实例访问到的全局属性的对象。点击【前往】访问官网

二、实践

2.1、定义

在main.ts文件中设置app.config.globalPropertie

import {createApp} from 'vue'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'
import Pagination from '@/components/Pagination/index.vue';

const app = createApp(App);

//全局方法
app.config.globalProperties.$type = '类型';

app.component('Pagination', Pagination)
app.use(router);
app.use(ElementPlus);
app.mount('#app');

2.2、使用

在Vue文件中使用getCurrentInstance()，通过proxy.$type就可以调用上面定义的方法