如何根据用户的帐户注册条件显示组件？ Firebase | Vue

Question

我是 Vue 和 firebase 初学者并获得了帐户身份验证。 我只想在用户登录时显示内容。如果没有，我希望他们显示登录组件。 如果他们没有帐户，我想显示注册组件。 我尝试如下但没有成功。 请提供建议，否则我将不胜感激任何建议！

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

Answer 1

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

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

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