router-view不起作用

引入路由并安装

//配置所有路由相关信息
import Vue from 'vue'
import VueRouter from 'vue-router'
import home from '../components/home'
import About from '../components/About.vue'

//1.通过vue 安装插件
Vue.use(VueRouter)

//2.创建router对象
    //路由映射关系对象
const routes = [
    //路径默认打开页配置
    {
        path: '',
        redirect: '/home'
    },
    {
        path: '/home',
        component: home
    },
    {        
        path: '/about',
        component: About
}
]
const router = new VueRouter({
    routes, //其实就是这里路由映射配置，正确的key是：routes，我写成了routers 所以导致router-view一直不起作用
    mode:'history'
})

export default router