Vuex getter의 v-if

Vuex getter의 v-if

vuex getters isLogged를 사용하고 있습니다.에서 사용자가 로그인하고 있는지 여부를 확인합니다.

<div v-if="isLoggedIn" class="ml-2 py-2 group relative">...</div>

data() {
            return {
                isLoggedIn: this.$store.getters['auth/isLoggedIn']
            }
        },

동작되지 않습니다.그러나 getters 값을 데이터로 설정하지 않고 v-if에서 직접 상태를 확인하지 않으면 작동합니다.다음과 같은 경우:

// This works for me.
<div v-if="this.$store.getters['auth/isLoggedIn']" class="ml-2 py-2 group relative">...</div>

뭐가 다른지 모르겠어요.감사합니다.

사용하다computed,data한 번만 실행하다

computed:{ 
   isLoggedIn(){return this.$store.getters['auth/isLoggedIn']} 
}

언급URL : https://stackoverflow.com/questions/55817598/v-if-on-vuex-getter