Skip to content

Diferencias con el Vue Router ​

Vue Enrutadorvue-router-ns
createWebHistory() y amigosSin opción de historial: el stack nativo es el historial.
<RouterView> intercambia componentes<RouterView> es un Frame. Cada navegación es una página en su stack.
useRoute() es la ruta actualDentro de una página, es la ruta de esa página.
onBeforeRouteLeave se ejecuta en cualquier salidaSe ejecuta cuando la página sale del stack. Un empujón en la parte superior lo mantiene vivo.
onBeforeRouteUpdateNo disponible: diferentes parámetros significan una nueva página.
router.forward(), go(n > 0)No hay historial de reenvíos.
Anida las rutas de <RouterView> a childrenchildren y fusiona meta. La interfaz de usuario anidada es otro <RouterView>.
beforeEnter se ejecuta en navegaciones hacia atrásAl retroceder se revela una página que ya existe, así que solo deje en ejecución guards y guards global.
Una redirección guard durante la devoluciónSe convierte en un envío al destino de la redirección.
next() en guardsSolo valores de retorno.
Las rutas desconocidas no muestran nada.push rechaza con No route matches. Agregue una ruta general (/:pathMatch(.*)*) si desea una página no encontrada.
scrollBehaviorNo aplicable. hash se mantiene en ubicaciones para lograr paridad.

¿Qué hay solo aquí? ​

backTo(), backToRoot(), setStack(), pushForResult(), back({ result }), onPageActivated(), onPageDeactivated(), useBackGesture(), rutas modales, tramas con nombre, withParents, restore, y un router.stack reactivo.

Publicado bajo la licencia MIT.