vue-router报错

Question

用router-link组件创建导航，当点击链接时总是报错

vue-router.esm.js?880d:1832 TypeError: Cannot read property '$createElement' of undefined
    at render (goods.vue?2b8d:3)
    at eval (vue-router.esm.js?880d:1709)
    at eval (vue-router.esm.js?880d:1736)
    at Array.map (<anonymous>)
    at eval (vue-router.esm.js?880d:1736)
    at Array.map (<anonymous>)
    at flatMapComponents (vue-router.esm.js?880d:1735)
    at eval (vue-router.esm.js?880d:1671)
    at iterator (vue-router.esm.js?880d:1870)
    at step (vue-router.esm.js?880d:1652)

main.js代码如下：

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App'
import goods from './components/goods/goods'

Vue.config.productionTip = false

Vue.use(VueRouter)

const routes = [
  {path: '/goods', components: goods}
]

const router = new VueRouter({
  routes
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

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

app.vue代码如下：

<template>
  <div id="app">
    <v-header></v-header>
    <div class="tab">
      <div class="tab-item">
        <router-link to="/goods">商品</router-link>
      </div>
      <div class="tab-item">
        <router-link to="/ratings">评价</router-link>
      </div>
      <div class="tab-item">
        <router-link to="/seller">商家</router-link>
      </div>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
  import header from './components/header/header.vue'

  export default {
    components: {
      'v-header': header
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  #app
    .tab
      display:flex
      width:100%
      height:40px
      line-height:40px
      .tab-item
        flex:1
        text-align:center

</style>

希望有同学可以给予解答，非常感谢！

Answer 1

在main.js中const routes = [
{path: '/goods', components: goods}
]这儿写component