Вычисляемое свойство, значение которого является результатом вызова API

Question

Вызов API (Firebase) определяет возвращаемое значение моего computed property и, следовательно, отображаю ли я определенные элементы в своем шаблоне.

Тем не менее, мой computed property на самом деле не реагирует: его значение в моемшаблон не изменяется при вызове API.Почему бы нет?

JS:

myComputedProperty: function() {
  firebase.auth().onAuthStateChanged(function(user) {
    if (user) {
      return true;
    }
    else {
      return false;
    }
  });
}

Шаблон:

<span v-if="userConnected">
  User connected
</span>

Answer 1

Ваше возвращаемое значение не является возвращаемым значением для вашего вычисленного свойства. Это возвращаемое значение функции обратного вызова.

Вы должны использовать data() и created() или mounted(), чтобы проверить это вместо:

data () {
    return {
        isAuthenticated: false
    };

},
created () {
    firebase.auth().onAuthStateChanged((user) => {
        this.isAuthenticated = !!user
    });
}