我使用以下方法创建了一个新项目:
vue create hello-world
生成一个新项目，包括HelloWorld.vue、app.vue、main.js(等)文件夹.
现在我按照docs Npm vue-axios安装Axios:
npm install --save axios vue-axios
我在main.js文件中导入Axios:
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
现在我遇到了一个我不明白的问题.VueAxios位doctor 说，你只需像这样使用它:
const app = Vue.createApp(...)
app.use(VueAxios, axios)
但在Vue 3中创建app的方式不同.我认为这就是问题的根源:
createApp(App).mount('#app')
那么，如何正确导入axios？
createApp(App).mount('#app')实际上等同于:
import Vue from 'vue'
const app = Vue.createApp(App)
app.mount('#app')
// or
import { createApp } from 'vue'
const app = createApp(App)
app.mount('#app')
因此，在Vue Axios的文档中，只需插入app.use()行即可:
import { createApp } from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
const app = createApp(App)
app.use(VueAxios, axios) // ?
app.mount('#app')
你也可以这样连锁:
createApp(App).use(VueAxios, axios).mount('#app')