Wie werden Komponenten basierend auf den Registrierungsbedingungen des Benutzerkontos angezeigt? Firebase |. Vue

Question

Ich bin ein Anfänger mit Vue und Firebase und habe eine Kontoauthentifizierung erhalten. Ich möchte den Inhalt nur anzeigen, wenn der Benutzer angemeldet ist. Wenn nicht, möchte ich, dass die Anmeldekomponente angezeigt wird. Wenn sie kein Konto haben, möchte ich die Registrierungskomponente anzeigen. Folgendes habe ich erfolglos versucht. Bitte machen Sie Vorschläge, sonst wäre ich Ihnen dankbar!

<div v-if="isLogin" >
      <Message />  
</div>
<div v-else-if="auth.user">
      <Login />
</div>
<div v-else >
      <Register />
</div>

Answer 1

我知道判断用户过去是否创建过帐户（即使他们没有登录）的唯一方法是使用 cookie 或本地存储变量。但这对于您可以在未登录时显示登录页面并在登录框下方提供指向注册页面的链接（如果他们需要创建帐户）的事情来说似乎过于复杂。

除此之外，您当前的代码应该看起来更像这样。