【Vue x Firestore】動的ルートマッチングについて

Question

#動的ルートマッチングについて

  {
    path: "/mypage/:uid",
    name: "Mypage",
    component: Mypage,
    meta: { requiresAuth: true },
  },

 signUp() {
      firebase
        .auth()
        .createUserWithEmailAndPassword(this.email, this.password)
        .then((userCredential) => {
          this.$swal("登録に成功しました。", {
            icon: "success",
          });
          this.uid = userCredential.user.uid;
          return firebase
            .firestore()
            .collection("users")
            .doc(userCredential.user.uid)
            .set({
              name: this.name,
              time: firebase.firestore.FieldValue.serverTimestamp(),
              uid: userCredential.user.uid,
            });
        })
        .then(() => {
          this.$router.push(`/mypage/${this.uid}`);
        })

下記にあるようにthis.$router.push(/mypage/${this.uid});と記載することで
routerにて指定した/mypage/:uidの「uid」を取得する認識ですが、

このuidのデータはどこから取得しているのでしょうか。

 this.$router.push(`/mypage/${this.uid}`);

実際はFirestoreの「users」というコレクションを設けており、そのuidを取得しているのですが

Firestoreのデータを参照して取得するには下記が必要お認識しており、

.firestore().collection("users").doc()

上記を指定してあげてから使用することが必須になるのでしょうか。

**{{ $route.params.uid }}**にあるuidがどこから取得しているのか知りたいです。。

分かる方いらっしゃいましたらお力添えを頂きたいです。

宜しくお願い致します。

Answer 1

createUserWithEmailAndPassword()メソッドの返り値にはユーザーの認証情報が入っており、そこからuidを取得し、this.uidに代入しています（9行目）。

this.uid = userCredential.user.uid;

メソッドや返り値の詳細については、Firebaseのドキュメントが詳しいです。