Vue中路由导航三种方式

1.使用a标签的href实现页面跳转。
跳转
Vue中路由导航三种方式
2.使用声明式导航router-link
跳转
Vue中路由导航三种方式
3.使用编程式导航 router.push()
<div @click=“Goto()”>跳转

Vue中路由导航三种方式

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