v-if在Vuex吸气剂上

Question

我正在使用vuex getters isLoggedIn检查用户是否登录。

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

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

它不起作用。但是，如果我不将getter的值设置为data并直接在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']} 
}