VueJsとFirebaseを使用してユーザデータベースにアクセスする方法

Question

ユーザがFirebaseでサインインした後に、現在認証されているユーザ名を出力しようとしています。

現在、VueJsでは.currentUserを取得してからusersデータベースにアクセスしています。スクリーンショットに見られるように、/users/データベース内の現在のユーザUIDと一致するユーザ名を出力しようとしています。問題は、この方法一度username

getName: function() { 
    var userId = firebase.auth().currentUser.uid; 
    return firebase.database().ref('/users/' + userId).once('value').then(function(snapshot) { 
    var username = (snapshot.val() && snapshot.val().username); 
    console.log(username) 
    }) 
}, 

Answer 1

getName: function() { 
    var userId = firebase.auth().currentUser.uid; 
    return firebase.database().ref('/users/' + 
     userId).on('value', function(snapshot) { 
     if (snapshot.val()) { 
      var obj = snapshot.val(); 
      var userName = snapshot.val().username; 
      console.log('username:', userName) 
     } 
    }); 
} 

は一度だけのノードを呼び出しますが、上のたびに呼び出されます。ログ出力のヌルということです