vue3 全局变量的使用

vue2之前：

Vue.prototype.$http = () =>{}

vue3定义全局变量

const app = createApp(App)

方式一

app.config.globalProperties.变量名

方式二

app.provide('变量名'，变量值)

const app = createApp(App)

//方式一

app.config.globalProperties.变量名



//方式二

app.provide('变量名'，变量值)

方式一的使用

import {getCurrentInstance,onMounted} from 'vue'

const { proxy } = (getCurrentInstance() as any);

onMounted(()=>{ console.log('proxy',proxy.变量名) })

import {getCurrentInstance,onMounted} from 'vue'

const { proxy } = (getCurrentInstance() as any);

方式二的使用

import {inject} from 'vue'

const global = inject('变量名')

import {inject} from 'vue'

const global = inject('变量名')