Firebase：无法将用户名和标题写入数据库

Question

我正在遵循本指南： https://savvyapps.com/blog/definitive-guide-building-web-app-vuejs-firebase

我的登录视图：

我正在尝试将signupForm.name和signupForm.title放入数据库。但是，据我所知，它无法正常工作，因为我在另一个文件中获取了“未定义”的信息，而且在后端的任何地方都看不到它。我所看到的就是这个：

“数据库”仍然完全为空。

我怀疑本教程的这一部分可能已过时，因此无法按预期工作。我是新来的。

login.vue 简化：

<div class="field">
    <label for="name" class="label">Name</label>
    <input v-model.trim="signupForm.name" type="text" placeholder="Savvy Apps" id="name" class="input" />
    (...)
</div>

<script>
(...)
const fb = require('../firebaseConfig.js')
  export default {
  (...)
  methods: {
  (...)
    signup() {
        this.performingRequest = true
        fb.auth.createUserWithEmailAndPassword(this.signupForm.email, this.signupForm.password).then(user => {
           this.$store.commit('setCurrentUser', user)
            // create user obj
            fb.usersCollection.doc(user.uid).set({
                name: this.signupForm.name,
                title: this.signupForm.title
            }).then(() => {
                this.$store.dispatch('fetchUserProfile')
                this.performingRequest = false
                this.$router.push('/dashboard')
            }).catch(err => {
                console.log(err)
                this.performingRequest = false
                this.errorMsg = err.message
            })
        }).catch(err => {
            console.log(err)
            this.performingRequest = false
            this.errorMsg = err.message
        })
    },
  }
}
</script>