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' 15     {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 ，切記切記~~~