사용자의 계정 등록 조건에 따라 구성 요소를 표시하는 방법은 무엇입니까? 파이어베이스 |

Question

저는 Vue와 Firebase의 초보자이며 계정 인증을 받았습니다. 사용자가 로그인한 경우에만 콘텐츠를 표시하고 싶습니다. 그렇지 않은 경우 로그인 구성 요소를 표시하고 싶습니다. 계정이 없으면 등록 구성요소를 표시하고 싶습니다. 나는 성공하지 않고 다음을 시도했습니다. 제안해 주세요. 그렇지 않으면 감사하겠습니다!

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

Answer 1

사용자가 과거에 계정을 만들었는지(로그인하지 않았더라도) 알 수 있는 유일한 방법은 쿠키나 로컬 저장소 변수를 사용하는 것입니다. 하지만 로그인하지 않았을 때 로그인 페이지를 표시하고 계정을 만들어야 하는 경우 로그인 상자 아래에 등록 페이지에 대한 링크를 제공할 수 있는 경우에는 이것이 지나치게 복잡해 보입니다.

그 외에 현재 코드는 다음과 비슷해야 합니다.

으아악