文章/答案/技术大牛

发布

社区首页 >问答首页 >Vue2:未呈现页面

问Vue2:未呈现页面
EN

Stack Overflow用户

提问于 2016-12-09 15:49:02

回答 1查看 987关注 0票数 3

开始使用Vue 2，没有任何东西通过vue-router呈现。我在控制台中没有收到任何错误，所以我想我错过了一些非常基本的东西。( app组件只是安装时附带的标准组件，所以应该没问题。)

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

javascript

vue.js

vue-router

vuejs2

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-09 16:25:53

index.html丢失了<router-view></router-view>。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41064121

复制

相似问题

问Vue2:未呈现页面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue2:未呈现页面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vue2:未呈现页面
EN