app.config.globalProperties.$axios
时间: 2023-10-16 21:28:58 浏览: 161
这是一个 Vue.js 中使用 Axios 的常见方法。在 Vue.js 中,可以通过 `app.config.globalProperties` 全局注册一个方法或属性。在这种情况下,我们可以将 Axios 实例作为全局属性注册,以便在整个应用程序中使用。
具体地说,`app.config.globalProperties.$axios` 表示将 Axios 实例作为 `$axios` 属性注册到 Vue.js 应用程序的全局属性中。这意味着我们可以在组件中使用 `$axios` 来发起网络请求。
示例代码如下:
```
import { createApp } from 'vue'
import axios from 'axios'
import App from './App.vue'
const app = createApp(App)
app.config.globalProperties.$axios = axios
app.mount('#app')
```
在上面的示例中,我们首先导入了 `axios` 模块,并在 `createApp` 函数中将其作为全局属性注册。然后,我们将创建的 Vue.js 应用程序挂载到 `#app` DOM 元素上。
现在,我们可以在组件中使用 `$axios` 属性来发起网络请求了。例如:
```
export default {
mounted () {
this.$axios.get('/api/data')
.then(response => {
console.log(response.data)
})
}
}
```
在上面的示例中,我们在组件的 `mounted` 生命周期钩子中使用 `$axios` 属性发起了一个 GET 请求,并在控制台中打印响应数据。
阅读全文