vue配置vue-router报Cannot read property ‘matched‘ of undefined

记录一下在路由配置过程中错误

注意在main.js中的引入名

import routers from './routers'

使用时（错误示例）

new Vue({
  el: '#app',
  routers,
  render: h => h(App)
  // render: h=> h(App)是es6的写法
  // 暂且可理解为是渲染App组件
  // 转换过来就是：  
  // render:(function(h){
  //  return h(App);
  // });
})

上方的

routers其实是routers: routers的缩写

router 才是Vue实例化的配置字段名称，写个其他的它当然不认识了

 正确应该为：

/* eslint-disable */
new Vue({
  el: '#app',
  router: routers,
  render: h => h(App)
})

或者修改引入名

import Vue from 'vue'
import App from './App'
import router from './router'

/* eslint-disable */
new Vue({
  el: '#app',
  router,
  render: h => h(App)
  // render: h=> h(App)是es6的写法
  // 暂且可理解为是渲染App组件
  // 转换过来就是：  
  // render:(function(h){
  //  return h(App);
  // });
  // components: { App },
  // template: '<App/>'
})