Vue中路由导航三种方式

1.使用a标签的href实现页面跳转。
跳转

2.使用声明式导航router-link
跳转

3.使用编程式导航 router.push()
<div @click=“Goto()”>跳转

友情提醒：this.$route和this.$route和this.router的区别
在Vue中this.$route是路由[参数对象]，所有路由中的参数params，query都属于 他，this.$route是路由[参数对象]，所有路由中的参数params，query都属于他，this.router是一个路由[导航对象]，用它可以方便的使用JS代码实现路由的前进或后退，跳转到新的URL地址。