Question

如何利用vue组件 动态生成router-link

Answer 1

比如有这么个router需要跳转

const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      name: 'user',
      component: User
    }
  ]
})

你的router-link可以这么写

<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

还可以用编程在代码里写，效果也一样：

router.push({ name: 'user', params: { userId: 123 }})

具体的推荐你看下vue router的官网，里面有详细的说明和例子

Answer 2

首先，Vue.component的第二个参数是一个配置对象，你这个写法连JS语法都不符合。
其次，template配置应该是一个HTML代码的字符串，所以改成：
Vue.component('sidebar', {
template: '<div><router-link to="/">Go to Foo</router-link><router-link to="/bar">Go to Bar</router-link></div>'
});