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
Не могли бы вы также выслать код для своего 'HTML', чтобы мы могли видеть, как вы используете свой маршрутизатор? –
Я еще не испортил «HTML», но я обновил сообщение соответствующими битами. – Donnie
как вы можете указать больше маршрутов в своем App.vue? Я в основном хочу использовать App.vue в качестве макета сайта, но нет хороших примеров. – chovy