vue页面跳转方式有哪些

Vue页面跳转方式有以下几种：

1、router-link组件

在Vue Router中，可以使用router-link组件实现页面跳转。router-link组件可以直接设置目标路由，也可以通过to属性动态设置目标路由。

2、编程式导航

在Vue中，可以使用编程式导航来实现页面跳转。通过$router.push()方法，可以跳转到指定的路由。$router.push()方法接受一个路由对象作为参数，也可以直接传入目标路由的路径。

3、路由守卫

在Vue Router中，可以使用路由守卫来控制页面跳转。路由守卫可以在跳转前、跳转后、跳转取消等不同的阶段执行相应的逻辑，以控制页面访问权限和页面跳转流程。

4、window.location.href

在Vue中，也可以使用window.location.href来实现页面跳转。通过设置window.location.href属性，可以跳转到指定的URL地址。但是，使用window.location.href进行页面跳转会刷新整个页面，不利于单页面应用的开发。

5、路由懒加载

在Vue Router中，可以使用路由懒加载来优化页面加载性能。路由懒加载可以将路由组件按需加载，减少页面加载时间，提高用户体验。