【Vue × Firestore】ログイン後、ヘッダーから認証済みのマイページへ遷移させる

ログイン後、ヘッダーから認証済みのマイページへ遷移させる

header.vue

 <li><router-link :to="`/mypage/${this.uid}`" class="header-link neon3 flash">MYPAGE</router-link></li>

header.vue

<script>
import firebase from "firebase";
export default {

         ~ 省略 ~

  created() {
    const currentUser = firebase.auth().currentUser;
    //現在ログインしているユーザーを取得
    this.uid = currentUser.uid;
    firebase
      .firestore()
      .collection("users")
      .doc(currentUser.uid)
      .get();
  },

         ~ 省略 ~

};
</script>

firebase.auth().currentUserにて現在ログインしているユーザーを取得してます。

usersというコレクションを参照して、現在ログインしているユーザー（currentUser）から「uid」を取得して
get()を使ってuidデータをFirestoreから取得。

header.vue

  created() {
    const currentUser = firebase.auth().currentUser;
    //現在ログインしているユーザーを取得
    this.uid = currentUser.uid;
    firebase
      .firestore()
      .collection("users")
      .doc(currentUser.uid)
      .get();
  },

ページを遷移させる為に一度this.uidに 「currentUser.uid;」を格納してから
${this.uid}として対象ページに遷移させています。

header.vue

 <li><router-link :to="`/mypage/${this.uid}`" class="header-link neon3 flash">MYPAGE</router-link></li>