vue中有自动更新这段代码的东西吗？

我在导航器中找到了这个按钮，当用户登录时会显示该按钮，而当用户注销时该按钮就会消失。但现在我需要在按钮删除/出现之前刷新页面。这是我的代码：Button:

<div v-if="ingelogd">
  <div class="w-2/12 hidden lg:flex" v-for="(data, index) in allIngelogds" :key="index">
    <button @click="uitloggen" class="downloadbtn">
      {{ data.uitloggenKnop }}
    </button>
  </div>
</div>

in data:()我返回这个：

ingelogd: false

然后我创建了一个mounted()函数更新用户是否登录：

mounted() {
    const user = firebase.auth().currentUser
    if(user) {
      this.ingelogd = true;
    }
  },

是的，我导入了 firebase 和 firebase/auth 以及allIngelogds是一个 graphql 查询。

你会想要使用一个onAuthStateChanged监听器而不是currentUser:

mounted() {
  firebase.auth().onAuthStateChanged((user) => {
    if(user) {
      this.ingelogd = true;
    }
  });
},

The onAuthStateChanged每次登录状态发生变化时都会调用监听器，这可以确保您的ingelogd总是反映这种状态。

有关详细信息，请参阅 Firebase 文档中的第一个片段：获取当前登录的用户 https://firebase.google.com/docs/auth/web/manage-users#get_the_currently_signed-in_user.