)
no App.vue
<template>
<div class="corpo">
<nav>
<ul>
<li :v-for="route in routes">
<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>dentro do Routes.js
import Home from './components/tela-inicial/HomeHome.vue';
import Cadastro from './meus-cadastros/CadastroFotos.vue';
export const routes = [
{ path: '', component: Home, titulo: 'Home' },
{ path: '/cadastro', component: Cadastro, titulo: 'Cadastro' }
];Dentro do main.js
import Vue from 'vue'
import App from './App.vue'
import VueResource from 'vue-resource';
import VueRouter from 'vue-router';
import {
routes
} from './routes';
Vue.use(VueRouter);
// adicionando a propriedade mode com o valor history.
const router = new VueRouter({
routes,
mode: 'history'
});
Vue.use(VueResource);
new Vue({
el: '#app',
router,
render: h => h(App)
})Esse erro aparece mesmo seguindo a risca o que foi feito pelo professor, onde está o erro? já quebrei bastante a cabeça e não consegui encontrar.
