4
A
回答
23
要在項目cd
安裝火力作爲依賴,你的項目目錄,並在命令行中運行以下命令
npm install --save firebase
現在在main.js文件中添加此
import Vue from 'vue'
import App from './App.vue'
import * as firebase from 'firebase'
import { store } from './store/store'
const config = {
apiKey: "xxxxxxx",
authDomain: "xxxxxxx",
databaseURL: "xxxxxxx",
storageBucket: "xxxxxxxx",
messagingSenderId: "xxxxxxx"
};
Vue.prototype.$firebase = firebase.initializeApp(config);
new Vue({
el: '#app',
store,
render: h => h(App)
})
- 您還可以將您的Firebase憑據添加到外部js文件中,並將其導入到main.js文件中,如下所示:
火力-config.js
export const config = {
apiKey: "xxxxxxx",
authDomain: "xxxxxxx",
databaseURL: "xxxxxxx",
storageBucket: "xxxxxxxx",
messagingSenderId: "xxxxxxx"
};
現在,在您main.js做如下
import Vue from 'vue'
import App from './App.vue'
import * as firebase from 'firebase'
import { store } from './store/store'
import { config } from './firebase-config'
Vue.prototype.$firebase = firebase.initializeApp(config);
new Vue({
el: '#app',
store,
render: h => h(App)
})
增加火力點到
Vue.prototype
允許火力的使用在你的VUE組件通過使用this.$firebase
,如果你不希望這種行爲你可以初始化火力使用
firebase.initializeApp(config);
現在來到你vuex商店,你可以只導入火力模塊如下
import Vue from 'vue' import Vuex from 'vuex' import * as firebase from 'firebase' Vue.use(Vuex); export const store = new Vuex.Store({ state:{}, mutations:{}, actions:{ myFirebaseAction: ({commit}) => { //you can use firebase like this var ref = firebase.database().ref() } } });
相關問題
- 1. VueJs + Firebase
- 2. Firebase查詢在哪裏
- 3. Firebase + Vue + Vuex:保持用戶登錄
- 4. Firebase在哪裏條件與orderBy在Android
- 5. 保持Firebase連接
- 6. Firebase連接錯誤
- 7. Firebase連接錯誤
- 8. 連接Firebase和Carto
- 9. 在Rails中連接Firebase
- 10. 將UICollectionView連接到Firebase
- 11. 如何連接到Firebase
- 12. 將Firebase與React Native連接
- 13. 測試谷歌Firebase連接
- 14. Vuex和Firebase商店狀態錯誤
- 15. 使用VueJs在Firebase上重置密碼
- 16. 在iOS上與Firebase斷開連接
- 17. 在Firebase項目中集成Gmail連接
- 18. 連接兩列在哪裏
- 19. 連接在哪裏條款
- 20. 將Firebase數據庫值連接到Firebase Web App
- 21. 隨着react-redux-firebase重新連接到firebase登錄後
- 22. VueJS +訂單中的Firebase麻煩By
- 23. VueJS,Vuex和複雜狀態
- 24. 斷開連接時的Firebase更新
- 25. Firebase連接數與角綁定?
- 26. 從反應本機連接到firebase
- 27. Firebase find .info /連接另一個用戶
- 28. Firebase/Swift兩個數據庫連接
- 29. FireBase連接到服務器(Not NodeJS)
我建議你檢查這個插件:https://github.com/vuejs/vuefire – wostex
我不想使用這個插件...它不適用於VUEX,Vuexfire不適用於Firebase 4! :( – timomue