如何根據用戶的帳戶注冊條件顯示組件？ 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>