如何根據使用者的帳戶註冊條件顯示組件？ 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 或本機儲存變數。但這對於您可以在未登入時顯示登入頁面並在登入框下方提供指向註冊頁面的連結（如果他們需要建立帳戶）的事情來說似乎過於複雜。

除此之外，您目前的程式碼應該看起來更像這樣。