2016-12-09 3 views
3

Начало работы с Vue 2 и ничего не отображается через vue-router. Я не получаю никаких ошибок в консоли, поэтому я думаю, что мне не хватает чего-то очень простого. (компонент приложение является только стандарт один, который поставляется с установкой, поэтому она должна быть тонкой.)Vue2: Страница не показана


main.js

import Vue from 'vue'; 
import vuex from 'vuex'; 
import axios from 'axios'; 
import routes from './routes'; 
import VueRouter from 'vue-router'; 

Vue.use(vuex); 
Vue.use(axios); 
Vue.use(VueRouter); 

let router = new VueRouter({ 
    mode: 'history', 
    scrollBehavior: (to, from, savedPosition) => savedPosition || { x: 0, y: 0 }, 
    routes 
}); 

new Vue({ router }).$mount('#app'); 

routes.js

import App from './App'; 

let routes = [ 
    { path: '', component: App }, 
    { path: '/', component: App } 
]; 

export default routes; 

index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>App</title> 
    </head> 
    <body> 
    <div id="app"></div> 
    <!-- built files will be auto injected --> 
    </body> 
</html> 

App.vue

<template> 
    <div id="app"> 
    <img src="./assets/logo.png"> 
    <hello></hello> 
    </div> 
</template> 

<script> 
import Hello from './components/Hello'; 

export default { 
    name: 'app', 
    components: { 
    Hello 
    } 
}; 
</script> 

Версия

vue: 2.1.0 vue-router 2.1.1

+0

Не могли бы вы также выслать код для своего 'HTML', чтобы мы могли видеть, как вы используете свой маршрутизатор? –

+0

Я еще не испортил «HTML», но я обновил сообщение соответствующими битами. – Donnie

+0

как вы можете указать больше маршрутов в своем App.vue? Я в основном хочу использовать App.vue в качестве макета сайта, но нет хороших примеров. – chovy

ответ

-1

index.html отсутствует <router-view></router-view>.

+0

Я просто получаю пустую страницу. – chovy