Vue-router 2.0 没有效果显示的原因

前段时间 Vue升了2 相应vue-router,vue-cli 也升了2，最近我也在学，坑不少，加上wepack 和ESlint 的语法，差点奔溃，

废话不说上代码

import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
// 引入子组件到路由
import goods from './components/goods/goods.vue'
import seller from './components/seller/seller.vue'
import ratings from './components/ratings/ratings.vue'

Vue.config.productionTip = false

Vue.use(VueRouter)

let router = new VueRouter({
  routes: [  //!!!! 注意这里 是 routes  不是 routers  没有 'r'
    {path: '/goods', component: goods},
    {path: '/seller', component: seller},
    {path: '/ratings', component: ratings}
  ]
})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  template: '<App/>',
  components: { App },
  router: router
})

 构造函数 VueRouter 里面的是 routes ，而不是routers ，切记切记~~~