v-if на Vuex getter

Question

Я использую метод получения vuex isLoggedIn, чтобы проверить, вошел ли пользователь в систему или нет.

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

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

Это не работает. Но если я не установлю значение getts для данных и проверим условие непосредственно в v-if вместо, это сработает. Как то так:

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

Я не знаю, в чем разница? Спасибо.

Answer 1

использовать computed, data выполнить только один раз

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