Vue3全局挂载的两种方式(2022-01-22)

发布时间:2022-06-21 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Vue3全局挂载的两种方式(2022-01-22)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

方式1:

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

const app = createApp(App)
app.use(router)
app.config.globalProperties.$http = 'http...'
app.mount('#app')
// 使用:// import { getCurrentInstance } from "vue"// const { proxy } = getCurrentInstance()// console.log(proxy.$http)

方式2(推荐):

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

const app = createApp(App)
app.use(router)

app.provide('$http', 'http...')

app.mount('#app')
// 使用:// import { inject } from "vue"// const $http = inject('$http')// console.log($http)

 

脚本宝典总结

以上是脚本宝典为你收集整理的Vue3全局挂载的两种方式(2022-01-22)全部内容,希望文章能够帮你解决Vue3全局挂载的两种方式(2022-01-22)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: