enrutamiento vue (enrutamiento de primer y segundo nivel)
Es la interfaz la que implementa una aplicación de una sola página y luego establece la ruta para mostrar diferentes páginas de acuerdo con diferentes rutas. Pero estas rutas no existen realmente en el servidor
El enrutamiento hash se establece de forma predeterminada en el enrutamiento hash
Enrutamiento histórico
Detecta cambios de enrutamiento a través de onhashchange() y muestra diferentes elementos basados en diferentes valores hash. Obtenga el valor hash actual location.hash
Detecte cambios en la ruta de la pila histórica a través de onpopstate, y la ruta de la pila pasa por history.pushState(null, '',"?page=2")
Establecer desde enrutamiento hash a enrutamiento histórico, a modo de enrutamiento="historia"
1. Configure los componentes correspondientes
2. Agregue la configuración al enrutador->índice. js
Primero introduzca el componente y luego configure las reglas {ruta:establecer ruta, nombre:nombre, componente:componente}
3. Agregue
4. Establezca la ruta de navegación
Utilice vue para proporcionar 5. Establecer la ruta predeterminada 6. Establecer el estilo de navegación 1. Los componentes deben definirse 2 Asegúrese de configurar la ruta de segundo nivel en el componente y vaya al componente. Agregue subpalabras clave a la configuración y siga el método de configuración de la ruta de primer nivel 1. Debe definir el. componente 2. Después de confirmar la configuración del enrutamiento de segundo nivel, vaya a la configuración del componente. Agregue subpalabras clave a las reglas y siga las reglas de configuración del enrutamiento primario. 3. Agregue router-view al componente que necesita configurar el enrutamiento secundario 4. Configure la navegación<router -link to="/ / "> 5. Configure el estilo de el enlace de navegación Podemos definir una ruta de primer nivel, que se puede envolver alrededor del componente del pie de página inferior para que sea una ruta secundaria. Cuando haga clic en la ruta secundaria en la parte inferior, cambiará. a una página diferente sin mostrar los componentes en la parte inferior. ¡En este momento, podemos configurar una ruta principal! !!!