所以我已经安装了 vuefire 并且我已经
在main.js
var Vue = require('vue')
var VueFire = require('vuefire')
var firebase = require('firebase')
Vue.use(VueFire)
var firebaseApp = firebase.initializeApp({ ... })
var db = firebaseApp.database()
现在我陷入了如何全局注册 firebase 的困境,以便在组件内部我可以简单地执行
export default{
mounted(){
this.$firebase....
}
}
如何在 main.js 文件中全局注册 firebase,以便在其他组件中我不需要始终初始化 firebase 配置和数据库
最佳答案
我们还需要启动 firebase 连接。创建一个名为 firebase.js
的新文件。
import Firebase from 'firebase'
const firebaseApp = Firebase.initializeApp({
// Populate your firebase configuration data here.
...
});
// Export the database for components to use.
// If you want to get fancy, use mixins or provide / inject to avoid redundant imports.
export const db = firebaseApp.database();
然后只需在另一个组件用户中使用
<template>
<p v-for="user of users">
{{user.name}}
</p>
</template>
<script>
import {db} from './firebase';
export default {
data() {
return {
users: {}
}
},
firebase: {
users: {
source: db.ref('users'),
// Optional, allows you to handle any errors.
cancelCallback(err) {
console.error(err);
}
}
}
}
</script>
关于javascript - Vuejs全局注册vuefire,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48662208/