app.vue中的条件导航取决于用户从main.js登录的状态

// main.js

import Vue from 'vue'
import store from './store'
import App from './App.vue'

new Vue({
  store,
  render: h => h(App)
}).$mount('#app')

<!-- app.vue -->

<template>
  <div>
    <nav>
      <router-link to="/">首页</router-link>
      <router-link v-if="isLoggedIn" to="/dashboard">仪表盘</router-link>
      <router-link to="/about">关于</router-link>
      <router-link v-if="isLoggedIn" to="/logout">退出</router-link>
      <router-link v-else to="/login">登录</router-link>
    </nav>

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

<script>
export default {
  computed: {
    isLoggedIn() {
      return this.$store.state.isLoggedIn;
    }
  }
}
</script>