Vue.js 使变量可用于所有Vue组件,而无需通过道具显式传递?

Vue.js 使变量可用于所有Vue组件,而无需通过道具显式传递?,vue.js,vue-props,Vue.js,Vue Props,我有一个问题,所以在react中,我们有react使用者和提供者,它们让变量传递到我想要的任何地方。 Vue有类似的东西吗? 我需要将我的Firebase类传递给几乎每个组件,所以通过道具传递它是个坏主意。在这种情况下,您可以为任何模块(如Firebase)创建包装器插件 /插件/firebase-wrapper.js main.js 从.vue文件访问firebase API,如下所示 let currentUser = await this.$firebase.auth().currentU

我有一个问题,所以在react中,我们有react使用者和提供者,它们让变量传递到我想要的任何地方。 Vue有类似的东西吗?
我需要将我的Firebase类传递给几乎每个组件,所以通过道具传递它是个坏主意。

在这种情况下,您可以为任何模块(如Firebase)创建包装器插件

/插件/firebase-wrapper.js

main.js

从.vue文件访问firebase API,如下所示

let currentUser = await this.$firebase.auth().currentUser


vuefire npm模块可能也会为您做同样的事情,即创建一个包装器插件,使firebase API在全球范围内可用,因此您不必编写自己的自定义插件。

使用全局变量,如vuex或Vuestash查看其副本
import FirebaseWrapper from "./plugins/firebase-wrapper.js"
Vue.use(FirebaseWrapper)
let currentUser = await this.$firebase.auth().currentUser
import Vue from 'vue'
let currentUser = await Vue.firebase.auth().currentUser