vue-router组件里面点击一个按钮跳转到一个新的组件该怎么实现

vue-router组件里面点击一个按钮跳转到一个新的组件该怎么实现

直接修改地址栏中的路由地址即可：











{{msg}}








一、通过router-link实现跳转

注册











{{msg}}







二、通过js的编程的方式
jumpToLogin: function () {
this.$router.push('/myLogin');
}











{{msg}}

首先在app.vue里面有这么一段<router-view class="router-view" ></router-view>
然后你所点击的按钮其实是这个东西<router-link :to=""></router-link>，这个其实就是个封装完的a标签
你在router里面配置完了相关路由之后就能在点击这个按钮的时候将router-view标签里面的组件替换掉了