全局检查用户登录 - NuxtJS

Question

我将LoggedIn的全局检查用户配置为在NuxtJS中渲染组件，但我无法做到。请帮帮我。

我将计算机写入包装器组件（layouts / default.vue）

〜/布局/ default.vue

<template>
  <router-view></router-view>
</template>

<script>
import { mapState } from 'vuex'
export default {
  computed: {
    computed: {
      ...mapGetters({
        LoggedIn: 'authUser'
      })
    }
  }
}
</script>

但我不能在儿童组件/页面上使用它。

〜/页/ index.vue

<template>
  <div class="index-page">
    <div class="" v-if="LoggedIn">
      asdasd
    </div>
  </div>
</template>
<script>
export default {
  mounted() {
    console.log(this.LoggedIn)
    // Result: Undefined
  }
}
</script>