vue-router怎么动态绑定组件的值？

Question

 <div>
            <h1>
                <router-link to="/show">{{Show}}</router-link>
            </h1>
        </div>
        <router-view></router-view>

意思就是我的Show是动态的，如何根据Show的改变，路由的to="/show"也自动改变。

var router = new VueRouter({

    routes: [
    {path:'/',redirect: '/show' },//加载页面时定向到指定路由 
    { 
        path: '/show', component: myShow,
    }

如果改变了,这里应该怎么变啊？

新手入门，请各位大虾指导。

Answer 1

思路不对吧，路由应该是在组件的上一级的吧！应该是路由变化=》组件变化（组件改变或替换）。改变路由可以使用go或者replace函数，然后根据不同路由组件Show显示不同数据。