Minha rota não funciona ?
Arquivo routes.js
import Cadastro from './components/cadastro/Cadastro.vue';
import Home from './components/home/Home.vue';
export const routes = [
{ path: '', componente: Home },
{ path: '/cadastro', componente: Cadastro }
]
Arquivo 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.js'
Vue.config.productionTip = false
Vue.use(VueRouter)
const router = new VueRouter({
Routes,
mode: 'history'
});
Vue.use(VueResource)
new Vue({
router,
render: h => h(App)
}).$mount('#app')
Arquivo App.vue
<template>
<div class="corpo">
<router-view></router-view>
</div>
</template>
<script>
export default {
}
</script>
<style>
.corpo {
font-family: Helvetica, sans-serif;
margin: 0 auto;
width: 96%;
}
</style>