Vue3使用全局函数或变量的两种常用方式

例如：想要在中创建getAction函数，并可以全局使用：

import { http } from '@/utils/axios'
export function getAction (url: string, params: object) {
  return ({
    url: url,
    method: 'get',
    params: params
  })
}

方式一：使用依赖注入（provide/inject）

在中进行挂载：

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

const app = createApp(App)
import { getAction } from 'index'
('getAction', getAction) // 将getAction方法挂载到全局

('#app')

在要使用的页面注入：

<script setup lang="ts">
import { inject } from 'vue'
const getAction: any = inject('getAction')
</script>

方式二：使用 和 getCurrentInstance()

• ：一个用于注册能够被应用内所有组件实例访问到的全局属性的对象
• getCurrentInstance()：// 获取当前实例，类似于vue2的this

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

const app = createApp(App)
import { getAction } from 'index'
.$getAction = getAction

('#app')

 在要使用的页面中使用：

<script setup lang="ts">
import { getCurrentInstance } from 'vue'
const { proxy }: any = getCurrentInstance()
('proxy:', proxy)
('getAction:', proxy.$getAction)
</script>