3.6 页面跳转

页面之间的跳转,可以通过a链接,也可以通过vue的一个链接组件router-link,例如:
<router-link to="/statistic">
统计
</router-link>
它其实就是一个a链接,它的to属性就相当于a标签的href属性。但是to可以直接使用路由定义的组件,a的href不可以,如果用a必须写整个URL
还可以用动态绑定值的形式,下面的代码还用上了if:
<router-link v-if="user" :to="'/study?code=010100&&set=1&courseId=' + c.id">
{{ c.bref }}
</router-link>
如果是在js部分跳转页面,例如点击按钮后跳转,那么是这样写的:
//跳转到主页
this.$router.push("/");
//跳转到Home.vue,需要在router/index.js里面绑定
this.$router.push("/home");