我将 Firestore 与 Vue 结合使用，问题是：我无法从数据库获取数据，但是当我将 :key="Profiles['.key']" 更改为此 :key="Profiles" 时，我会在屏幕上看到数据，但是当我刷新页面时数据就消失了，我再也看不到它了。

这是代码：

<template>
    <div>
        <h1 class="text-center mt-16">Admin</h1>
        <div v-for="Profiles in Profile" :key="Profiles" class="text-center mt-16">
            <p>{{Profiles.username}}</p>
            <p>{{Profiles.email}}</p>
            <p>{{Profiles.userId}}</p>
            <p>{{Profiles.role}}</p>
            <p>{{Profiles.haveAccess}}</p>
            <p>{{Profiles.createdAt}}</p>
        </div>
    </div>
</template>

<script>
/*eslint-disable-line*/import { db } from '../../Database';
import firebase from 'firebase';
export default {
    data() {
        return {
            currentUser: firebase.auth().currentUser
        }
    },
    created() {
        this.currentUser = firebase.auth().currentUser;
    },
    firestore: {
      Profile: db.collection('Profile')
    }
}
</script>

这是来自数据库的数据。

但是当我刷新页面时，我不再获取数据了。