Conteudo de Home.vue esta duplicando em app.vue
Index.html
<body>
<div id="app">
<div id="app">
<h1>OI</h1>
<nav class="navbar navbar-dark bg-info navbar-expand-md">
<button type="button" aria-label="Toggle navigation" aria-controls="nav_collapse" aria-expanded="false" class="navbar-toggler navbar-toggler-right">
<span class="navbar-toggler-icon">
</span>
</button>
<a href="#" target="_self" aria-disabled="false" class="navbar-brand">NavBar</a>
<div id="nav_collapse" class="navbar-collapse collapse" style="display: none;">
<ul class="ml-auto nav navbar-nav">
<form class="form-inline">
<ul class="nav navbar-nav">
<li class="nav-item">
<a href="#" target="_self" aria-disabled="false" class="nav-link">
Link
</a>
</li>
<li class="nav-item"><a href="#" target="_self" aria-disabled="false" class="nav-link">Disabled</a></li>
</ul> <input type="text" placeholder="Search" class="mr-sm-2 form-control form-control-sm" id="__BVID__25_"> <button type="submit" class="my-2 my-sm-0 btn btn-secondary btn-sm">Search</button>
</form>
</ul>
</div>
</nav>
</div> <h1>OI</h1>
</div>
</body>App.vue
<template>
<div class="corpo">
<meu-menu :rotas="routes" />
<transition name="pagina">
<router-view></router-view>
</transition>
</div>
</template>
<script>
import router from './router';
import Menu from './components/menu/Menu.vue';
export default {
components: {
'meu-menu' : Menu
},
data() {
return {
routes : routes.filter(route => route.menu)
}
}
}
</script>
