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中,可以使用路由懒加载来优化页面加载性能。路由懒加载可以将路由组件按需加载,减少页面加载时间,提高用户体验。