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

Question

Vue.component('sidebar',

    {template:'<div><router-link to="/">Go to Foo</router-link><router-link to="/bar">Go to Bar</router-link></div>'}

)

var sidebar = new Vue({el: '#sidebar'})

// 加载router

$('head').append('<script src="https://cdn.bootcss.com/vue-router/2.6.0/vue-router.js"></script>')

//之后再执行VueRouter

虽然这样可行，但是在vue-router执行之前会报一个组件未注册的错误，请教各位大大有没有更好的动态实现方式

如上所示，需要动态生成侧边路由，然后执行vue-router去解析，但是会出错，无法理解怎么就出错了

原因是vue-router会自动去解析router-link，即使没有VueRouter实例