在Vuejs中放置firebase.auth()。onAuthStateChanged()的位置

时间:2017-11-28 15:55:53

标签: firebase vue.js firebase-authentication

我需要检查用户是否使用Firebase登录。为此,我们使用

        firebase.auth().onAuthStateChanged(function(user){
       // example
       this.user = user
       })

我们也在使用Vue.js,所以我想知道它是应该实现为观察者,方法还是计算属性。当然如何实施。

2 个答案:

答案 0 :(得分:3)

main.js 文件的created ()方法

答案 1 :(得分:1)

如果我没有使用Vuex,我会以这种方式使用FBase:

<script>
import * as firebase from 'firebase'

return default {
  el: '#app',
  data: {
    user: '',
    fb: null,
    fbConf: {
      apiKey: 'your API key',
      authDomain: '<your-domain>.firebaseapp.com'
    }
  },
  methods: {
    logIn (user) {
      this.user = user.uid
    },
  },
  created () {
    this.fb = firebase
    this.fb.initializeApp(this.fbConf)
    this.fb.auth().signInAnonymously()
    this.fb.auth().onAuthStateChanged(this.logIn)
  }
}
</script>