vue-router动态添加路由报错

Question

动态添加了路由然后就报错了，添加动态路由的代码如下

---

import Router from 'vue-router';

Vue.use(Router);

const PureComponent = {
    render(h){
      return h('h1',null,'nihao')
    }
}
const router = new Router({
  routes:[
    { path: '/',
      name: 'home', 
      component: 'PureComponent'
    }
  ]
})

然后就报下面的错误

Uncaught Error: [vue-router] route config "component" for path: / cannot be a string id. Use an actual component instead.

Answer 1

你这个component的值是一个字符串。

    { path: '/',
      name: 'home', 
      component: PureComponent
    }

Answer 2

遇到同样的问题，楼主怎么解决的？

Answer 3

component 的值 ，不能使字符串，参照图片的写法即可。

Answer 4

var user = {
template:'<h1>user组件</h1>'
}

component:user

用法：component：组件名
组件已经定义好了，为什么还要用字符串呢？