xxxxxxxxxx
// to hide element in vue.js use v-if
<div v-if="seen" id="hide">
<p>hide me </p>
</div>
</div>
new Vue({
data:{
seen: true
}
});
xxxxxxxxxx
<!-- there are two cases: -->
<!-- do you wanna keep it in the dom? -->
<div v-show="someBoolean">
v-show
</div>
<!-- or remove it -->
<div v-if="someBoolean">
v-if
</div>
xxxxxxxxxx
//App.vue
<template>
<div id="app">
<div class="routing" v-if="this.$route.path !== '/'">
<router-link to="/">Login</router-link>
<router-link to="/home">Home</router-link>
</div>
<router-view></router-view>
</div>
</template>