Javascript 将所有其他插件/扩展组织到main.js[VueJs]

是否有任何方法可以将所有附加扩展名（如bootstrap.css、vue矩、vue axios、bootstrap vue等）包含到main.js中，并将其注册为全局组件，以供“我的组件”页面中的所有其他.vue文件使用

由于我有许多页面可能需要使用axios和其他扩展，因此我不希望在每个.vue页面中都包含此代码

 import axios from "axios" 

我已经尝试将所有导入都包含到main.js中，并添加了

Vue.use()

但是，一些扩展，如矩、axios或datetimepicker，仍然需要包含在组件页面中，才能正常工作。否则它会说它没有定义

比如说

组件文件夹-main.vue

 import axios from "axios"; <-- (I do not want to include this here)
 import moment from "moment"; <-- (I do not want to include this here)

---

谢谢

通常，您可以将Vue实例的原型用于JS库，如

moment

或

axios

main.js

：

import axios from 'axios'

Vue.prototype.$http = axios

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue);

Login.vue

：

export default {
    mounted () {
        this.$http.get(...)
    }
}

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

---

BootstrapVue提供了一个非常好的例子，解释了如何注册组件和导入样式

main.js

：

import axios from 'axios'

Vue.prototype.$http = axios

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue);

App.vue

：

export default {
    mounted () {
        this.$http.get(...)
    }
}

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

---

这篇文章解释得很好

对我来说，我决定采用这种方法

main.js

import Vue from 'vue'
import VueAxios from 'vue-axios'
import axios from 'axios'

Vue.use(VueAxios,axios);

filename.vue-这是我访问它的方式

//通过在前面添加“this”，它似乎工作正常。
这个.axios（{…}}

有vue-axios和vue-moment可以像你期望的那样工作，我知道这不是解决方案，而是解决办法，这是我可以使用的答案。-删除评论-