Javascript Vue2:未呈现页面_Javascript_Vue.js_Vue Router_Vuejs2

Javascript Vue2:未呈现页面

javascript vue.js vuejs2

Javascript Vue2:未呈现页面,javascript,vue.js,vue-router,vuejs2,Javascript,Vue.js,Vue Router,Vuejs2,开始使用Vue 2时，通过Vue路由器无任何渲染。我在控制台中没有收到任何错误，因此我认为我缺少一些非常基本的东西。（应用程序组件只是安装时附带的标准组件，所以应该没问题。） 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(vu

开始使用Vue 2时，通过

Vue路由器

无任何渲染。我在控制台中没有收到任何错误，因此我认为我缺少一些非常基本的东西。（应用程序组件只是安装时附带的标准组件，所以应该没问题。）

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');

import App from './App';

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

export default routes;

routes.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');

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>


从“./components/Hello”导入Hello；
导出默认值{
名称：“应用程序”，
组成部分：{
你好
}
};

版本

vue:2.1.0

vue路由器2.1.1

索引.html

缺失

您是否也可以发布您的

html

的代码，以便我们了解您如何使用路由器？我还没有真正弄乱

html

，但我用相关位更新了帖子。您如何在App.vue中指定更多路由？我基本上想将App.vue用作网站布局，但没有好的示例。请将此作为单独的问题提问，这样我就可以向您展示我是如何处理它的。我只得到一个空页面。