两种vue3页面跳转的方式

知识库

两种vue3页面跳转的方式

2023-10-14 04:59


本文将介绍vue3中两种常用的页面跳转方式,分别是使用router-link和使用编程式导航。

                                            
  
  

在vue3中,有两种常用的页面跳转方式,分别是使用router-link和使用编程式导航。

1. 使用router-link进行页面跳转

router-link是vue-router提供的组件,它可以直接在模板中使用,用于生成跳转链接。在使用时,我们可以通过to属性指定跳转的目标路由,也可以通过tag属性指定生成的链接标签。

2. 使用编程式导航进行页面跳转

除了使用router-link,在vue3中我们还可以使用编程式导航来实现页面跳转。编程式导航是通过在代码中调用路由实例的方法,实现页面的跳转。一般情况下,我们可以使用vue-router提供的push方法或replace方法来进行跳转。push方法会向历史记录中添加一个新的记录,而replace方法会替换当前的记录。

总结来说,无论是使用router-link还是编程式导航,都可以实现页面的跳转。使用router-link更适合在模板中生成跳转链接,而编程式导航则更适合在代码中进行页面跳转。根据具体的需求和场景来选择合适的方式。


标签:
  • vue3
  • 页面跳转
  • router