show conditional header based on url in vue js
<template>
<div id="app">
/* Note that this takes an array of route names, so you can simply pass in
the name of the route you don't want this component to be displayed on */
<navbar v-if="!['login', 'register', 'help'].includes($route.name)" />
<main>
<router-view />
</main>
<appfooter v-if="!['login', 'register'].includes($route.name)"/>
</div>
</template>