Tengo un problema, estoy utilizando vue-router
y necesito que mi <top-bar/>
siempre se muestre en todas las vistas que van en vue router, intente utilizar:
<div class="container">
<router-view name="topbar">
<top-bar/>
</router-view>
<router-view></router-view>
</div>
tambien:
<div class="container">
<top-bar/>
<router-view></router-view>
</div>
Quiero que mi top-bar
quede separado de las vistas principales que se mostraran en vue-router
asi no afectara nada.
app.js
import VueRouter from 'vue-router'
Vue.use(VueRouter)
let routes = [
{ path: '/inicio', component: require('./components/app/PrincipalComponent.vue') },
]
const router = new VueRouter({
mode: 'history',
routes
})
//Componentes ::
Vue.component('top-bar', require('./components/app/TopBarComponent.vue'));
const app = new Vue({
el: '#app',
router
});
Como podría hacer que mi top-bar no entre dentro del router-view
?