Ola, estou com o seguinte problema no meu código e não consigo encontrar o erro. Segue o código:
//app.vue
<template>
<div class="corpo">
<nav>
<ul>
<li v-for: route of routes ></li>
<li>
<router-link :to="route.path ? route.path : '/'">{{route.titulo}}</router-link>
</li>
</ul>
</nav>
<router-view></router-view>
</div>
</template>
<script>
import { routes } from './routes';
export default {
data() {
return {
routes
}
}
}
</script>
<style>
.corpo{
font-family: Helvetica, sans-serif;
margin: 0 auto;
width: 96%;
}
</style>
//routes.js
import Home from './components/home/Home.vue';
import Cadastro from './components/cadastro/Cadastro.vue';
export const routes = [
{ path: '', component: Home, titulo: 'Home' },
{ path: '/cadastro', component: Cadastro, titulo: 'Cadastro' }
];
