vue3如何挂载全局方法

一般用vue都会封装axios,然后挂载到全局,比如这样

import {
    get,
    post
} from 'xxx/axios.js'
Vue.prototype.$get = get
...

这个是vue2我们比较熟悉的写法,但是在vue3中取消了Vue这个实例,而是改用createApp对vue实例化,所以相应的修改了了常规的全局挂载方法

vue3如何挂载全局方法_第1张图片

所以我们可以这样写

...
import {
    get,
    post
} from 'xxx/axios.js'
const app = createApp(App)
app.config.globalProperties.$get = get
...

在.vue文件中使用:

...
methods:{
    getData(){
        this.$get(...)
    }
}
...

 

你可能感兴趣的:(vue,vue)