解决路由跳转时router-view不显示的问题

你可能会遇到点击<router-link>标签至跳转页面，但跳转页面，没有显示的问题，其原因可能是在index.js里创建的vuerouter对象里面的属性书写错误，其属性值是routes而不是routers

//App.vue
<template>
  <div id="app">
    <router-link to="/home">首页</router-link>
    <router-link to="/about">关于</router-link>
    <router-view></router-view>
  </div>
</template>

//index.js
const router = new VueRouter({
    //在router里配置路由和组件之间的映射关系
    routes: [{
            path: '/home',
            component: Home
        },//注意，这里是routes而不是 routers
        {
            path: '/about',
            component: About
        }
    ]
});

问题解决了吗？