Vue router-link：兄弟或孩子的相对链接

Question

我正在使用Vue 2作为框架和随附的Vue Router用于路由目的的Web应用程序。

我正在开发一种标签式视图，所以我目前的方法是为我的主要组件定义子路由。有点像：

{ path: '/user/:id', component: User, children: [
    { path: '', component: UserHome },
    { path: 'profile', component: UserProfile },
    { path: 'posts', component: UserPosts }
]}

设置正常，路由按预期工作。我现在正在研究定义从User组件的模板到其子项（选项卡式导航）的链接。我还希望定义从UserHome组件到其兄弟组件（UserProfile＆amp; UserDetails）的链接。

据我所知，没有简单的方法可以避免重复to组件的router-link属性中的完整路径以避免破坏导航，请参阅this working Fiddle＆amp; this broken Fiddle并注意to属性的值。我希望能够将相对路径定义为to属性的值，以便在子路径和/或兄弟路径之间导航。

有谁知道是否有更好的方法可以避免在router-link组件中重复完整的导航路径？