vue3路由跳转方法

  首先，vue3.0跳转和vue2.0跳转方式差别不大，但是还有需要注意的地方。这里我介绍两种比较常见的路由跳转方法。

1.利用router-link标签来进行跳转。

to 是你要跳转的路径，也就是接口。这个是最简单的。

如果你要传入参数的话，就得绑定属性。

这里判定to,然后采用name来跳转到指定页面。name值是你在路由配置中的name属性。

2.点击事件进行路由的跳转

html代码

绑定点击事件的时候传入参数，进行判断跳转到哪个页面。

js代码

vue3.0要注意，setup组件是在初始化之前执行，所以this还不是实例对象。我们不能像2.0一样用this.router.push。vue3.0的处理方法就是，从vue-router中引入useRouter。利用useRouter来进行路由的跳转。