如何根据用户的账户注册条件显示组件？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 或本地存储变量。但这对于您可以在未登录时显示登录页面并在登录框下方提供指向注册页面的链接（如果他们需要创建帐户）的事情来说似乎过于复杂。

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