DBZ Layout - Tylung/vue-apuntes GitHub Wiki

El Layout de DBZ es muy similar al de Pokemon

Archivo: src/router/router.js

{
	path: '/dbz',
	name: 'dbz',
	component: () => import(/* webpackChunkName: "Dbz-root"*/ '@/modules/dbz/layouts/DragonBallLayout'),
	children: [
		{
			path: 'characters',
			name: 'dbz-characters',
			component: () => import(/* webpackChunkName: "Dbz-characters"*/ '@/modules/dbz/pages/Characters'),
		},
		{
			path: 'about',
			name: 'dbz-about',
			component: () => import(/* webpackChunkName: "Dbz-about"*/ '@/modules/dbz/pages/About'),
		},
		{
			path: '',
			redirect: { name: 'dbz-characters' }
		}
	]
}

Archivo: src/modules/dbz/layouts/DragonBallLayout.vue

<template>
    <div class="dragonBall-layout">
        <h1>DBZ Layout</h1>
        <router-view></router-view>
    </div>
</template>



<style scoped>
.dragonBall-layout {
    background-color: #00ffff;
}
</style>

Importante no olvidar el router-view en el DragonBallLayout

⚠️ **GitHub.com Fallback** ⚠️