Javascript Vue原型Axios

我是vue和Quasar的新手

现在，我模糊地了解了Vue的工作原理

我试图理解初始化类星体时得到的样板代码

在启动时，我要求它从cli集成axios和veux

现在我正试图理解锅炉板，在插件文件夹中偶然发现了axios.js文件

该文件包含以下代码

import axios from 'axios'

export default ({ Vue }) => {
  Vue.prototype.$axios = axios
}

有人能告诉我这个代码是做什么的吗？根据我的理解，它似乎为vue添加了一种称为axios的方法，以便我们可以在全球范围内使用它

使用

$axios

的原因可能是什么？i、 e

Vue.prototype.$axios=axios

，我们就不能

Vue.prototype.axios=axios

？因为它最终创建了一个属性

如果我们可以在全球范围内使用axios（无需导入它，也无需编写

从“axios”

导入axios）。那我们怎么做呢

我猜这只适用于.vue文件

我习惯于创建一个helper函数，在这里我执行所有网络请求，通常helper函数文件是

networkRequest.js

，在这里我将导入axios并发出请求。

networkRequest.js

是发出所有请求的单点。因为

Vue.prototype.$axios=axios

只能在.Vue文件上工作？使用锅炉板上的axios插件还有意义吗

是的，你说得对。它创建了一个可用于Vue所有组件的axios全局实例。因此，您可以创建一个实例并将该实例的所有公共属性放在一起，而不是在多个文件中导入axios并创建其多个实例。例如，您可以在一个位置定义拦截器和URL，而不是将它们分散在各个位置

Vue在其网站中对其进行了很好的定义

这里没有魔法发生是Vue用于属性的约定 可用于所有实例的。这避免了与任何 定义的数据、计算的属性或方法

你可以用多种方式来做。如果您位于

.vue

文件中，则可以通过

this.$axios（）

直接访问该文件。如果您想通过Vuex存储访问它，您需要传递组件的上下文，或者您可以在JS文件中使用它

从“Vue”导入Vue

并像

Vue.prototype.$axios（）

它也可以在JS文件中工作。遵循第3步中的步骤

参见编号4

---

我想你的大部分答案都会在这里得到回答：这解决了我的担忧。谢谢：）