Vue3注册全局对象与Vue2的区别
使用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