vue项目中如何在注册时不加载header组件？

Question

header组件写到了App.vue中，在注册登录后加载header，但是在注册，修改密码等页面中不需要header，如何合理巧妙的避免header的加载项目中采用根据路由判断，v-if 隐藏掉header，但是笨重又不高效，有什么比较哦好的办法<div id="app">     <HeaderBar v-if='this.$route.path!="/login"              && this.$route.path!="/register"             && this.$route.path!="/register/"             && this.$route.path!="/register/companyTwo"             && this.$route.path!="/register/companySuc"             && this.$route.path!="/login/"             && this.$route.path!="/login/quickLogin"             && this.$route.path!="/secondTe"             && this.$route.path!="/secondTeC"             && this.$route.path!="/threeSuc"             && this.$route.path!="/threeSucC"             && this.$route.path!="/findPwd"             && this.$route.path!="/problem"'>       </HeaderBar>       <router-view />  </div>

Answer 1

如果你会把登录信息存到store 你可以根据用户的user_profile信息判断您是否需要展示header组件