VueJS：如何将Vue.prototype。$ http传递到另一个Vue应用程序？

Question

我为公司维护了Vue组件库。到目前为止，它们非常简单。基本上是Vuetify对话框，菜单系统等。我正在使用vue-cli 3打包并将其共享到我们的存储库中。然后，我的用户可以简单地从一个简单的npm-update导入它，并将其包含在“ import @ mycompany / vue-components”中

但是，现在我正在尝试编写一个需要调用应用程序中的axios实例的组件。我们的调用应用程序通常将axios设置为惯例：

import axios from "axios";
Vue.prototype.$http = axios;

我想知道如何将axios的这个实例传递给我的外部组件，或者以某种方式确保我使用的是同一实例？

Answer 1

您不需要通过它。它应该已经使用了相同的$http。

只要在Vue.prototype.$http = axios;之前执行const app = new Vue(....);，app中的每个子组件都可以使用$http访问相同的this.$http。

演示：https://jsfiddle.net/jacobgoh101/g7zpo826/2/