Aplicación de la vista de enrutador en Vue

Durante el desarrollo, a veces nos encontramos con una situación. Por ejemplo, al hacer clic en este enlace para saltar a otros componentes, generalmente saltamos a una página nueva. Sin embargo, si no queremos saltar a una página nueva y solo cambiar la visualización de la página actual, implicará el anidamiento de. También se puede decir que es el uso de subenrutamientos.

¿Cómo implementar el escenario anterior?

Primero, escribimos tres enlaces de navegación en el componente de navegación navbar.vue, y sus direcciones correspondientes son: /food, /rating, /seller. Al hacer clic en cada enlace de navegación, se saltará a un componente diferente y se agregará

navbar.vue:

Luego, presentamos navbar.vue:

index .vue:

Finalmente, configuración de enrutamiento:

Puede usar keep-alives para almacenar en caché las páginas de enrutamiento:

Nota: use

Texto original:/Luo Yu 6/article/details/80098145