vue3定义全局变量以及使用

创建

import { createApp } from "vue";
const app = createApp(App);

定义全局变量

//第一种

app.config.globalProperties.$test = 'test';

//第二种以为文件的形式，注册全局方法
import * as filters from '@/utils/public.ts' // global filters
Object.keys(filters).forEach(key => {
    app.config.globalProperties[key] = filters[key]
})

public.ts

export function test() {
  console.log('test方法')
}

export function test2() {
  console.log('test2方法')
}

页面中调用

const { proxy } = getCurrentInstance(); 
proxy.$test

// 查看所有定义的全局变量

getCurrentInstance().appContext.config.globalProperties