我已将 Vue 应用连接到 Firebase 数据库，当我在本地主机上检查页面时，我能够在 Vue Dev Tools 中看到生成的 JSON，例如：

users:Array[10]
  0:Object
    .key:"99"
    City:"Richmond"
    Date of Birth:"9/16"
    Email:"[email protected]"
    Gender:"F"
    Home Phone:""
    Ministry:"Campus"
    Name:"Doe, Jane"
    State:"VA"
  1:Object
  2:Object
  3:Object
etc.

在我的 App.vue 文件中，我有以下代码来输出数据：

...
<tbody>
  <tr v-for="user in users">
    <td>{{ user.name }}</td>
    <td>{{ user.city }}</td>
    <td>{{ user.state }}</td>
  </tr>
</tbody>
...

这会输出一个具有正确行数 (10) 的表格，但每个表格单元格都是空白的。没有打印任何数据。我猜我使用 user.name、user.city 和 user.state 对表格的引用不正确？你能看看我是否做错了什么吗？谢谢！

附注：我已将规则设置为允许任何人读取/写入此数据库，因此我认为权限不是问题所在。