router-view不生效的原因解释

const routers= [
  {
    path:'/',
    name:'F',
    component:FP
  },
  {
    path:'/secondpage',
    component:()=>import('../views/secondpage.vue')
  },
  {
    path:'/thirdpage',
    component:()=>import('../views/thirdpage.vue')
  }
]
//错误的写法
const router = new VueRouter({
 routers //原因
})

const routers = [
  {
    path:'/',
    name:'F',
    component:FP
  },
  {
    path:'/secondpage',
    component:()=>import('../views/secondpage.vue')
  },
  {
    path:'/thirdpage',
    component:()=>import('../views/thirdpage.vue')
  }
]
//正确的写法
const router = new VueRouter({
  routes:routers //原因
})

这是vue-router里面的集合配置,其中new VueRouter({})中要给routes赋值,不是给routers赋值
ES6的简写用惯了就出事了