VUEX, $ store.state가 null 일 때 수행 할 작업

 

사용자가 내 웹 사이트에 로그인하지 않으면 "user"상태가 null로 설정됩니다. 그러나 이것은 일부 페이지에서 많은 경우에 문제가 발생하는지 확인합니다.this.$store.user

예를 들어, 다음과 같은 간단한 점검이 필요한 경우

 

if (this.$store.getters.userInfo.likedProjects.includes(title)) {this.hasLiked = true}

 

사용자가 로그인하지 않았으므로 (기본적으로 사용자 상태를 null로 설정)이 오류가 발생합니다.

_this.$store.getters.userInfo is null

 

콘솔에 타이프 스크립트 오류가 발생하지 않도록 이러한 종류의 문제를 올바르게 처리하려면 어떻게해야합니까?

내 초기 아이디어는 먼저 if user.loggedIn == true그 안에있는 모든 것을 확인 하고 감싸는 것이었지만 일부 오류를 피하기 위해 끔찍한 것처럼 보입니다 ...