使用Axios时遇到的问题,在每个组件import一次太麻烦,所以百度查怎么进行全局注册,但是百度查到的都是Vue2的注册方法,照着改会在import Vue from 'vue'处报错,而Vue3更改了引入Vue的方法与全局注册的方法,以Axios举例:

Vue2 main.js

import Vue from 'vue'
import Axios from 'axios'
Vue.prototype.$axios = Axios

Vue3 main.js

import { createApp } from 'vue'
import App from './App'
import Axios from 'axios'
const app = createApp(App)
app.config.globalProperties.$axios = Axios

之后在组件中使用this.$axios即可调用

Vue3接口文档:https://staging-cn.vuejs.org/api/application.html#app-config-globalproperties

标签: none

添加新评论