Google cloud firestore 在vuejs中使用v-switch，在组件中使用firebase对象，如何在v-switch中显示firebase的值

我需要v-switch从firestore对象的值开始，在这里（{{usuario.tabVisibleCatalogo}）我从firestore获得了rigth值：

<template>
 <v-btn @click="estadoPublico" flat>

{{usuario.tabVisibleCatalogo}}

{{usuario.tabVisibleCatalogo}}

buet在这里，当组件启动或重新渲染时，我没有从firestore获取值，它显示数据中的值：

  <v-switch v-model="switch1" :label="`Publicado: ${switch1.toString()}`"></v-switch>
 </v-btn>
</template>

<script>
 export default {        
    data: () => ({
      switch1: false,
    }),

computed: {
      ...mapState('sesion', ['usuario']),      
    },
methods: {

async estadoPublico () {       
                try {
                      await db.collection('usuarios')
                            .doc(this.usuario.uid)
                            .update({
                                    tabVisibleCatalogo: this.switch1,          
                            })
                }...
        },

}
</script>

导出默认值{
数据：（）=>({
开关1：错误，
}),
计算：{
…映射状态（'sesion'，['usuario']），
},
方法：{
异步estadoPublico（）{
试一试{
等待数据库收集（'usuarios'）
.doc（this.usuario.uid）
.更新({
tabVisibleCatalogo:this.switch1，
})
}...
},
}

这是我在firestore中的对象：

<template>
 <v-btn @click="estadoPublico" flat>

{{usuario.tabVisibleCatalogo}}

乌萨里奥/乌萨里奥：{ tabVisibleCatalogo:this.switch1， }

---

如果您希望从Firestore集合中检索数据，我建议实现一个挂载（或创建）方法在vue.js脚本上。这提供了从Firestore获取数据的两个常用方法：mounted和asyncData。我建议您阅读本文，因为您可能会发现这些示例与您当前正在处理的内容之间存在一些关联

我设法找到了类似的帖子，你可能会发现这些帖子与你的特定查询相关