Uso del enrutamiento Vue
El enrutamiento nos permite acceder a diferentes contenidos a través de diferentes URL. La URL la podemos configurar nosotros mismos. No existe tal carpeta en el proyecto. Esta función es el enrutamiento.
La esencia del enrutamiento. es el valor hash
Definir: definir componentes de enrutamiento
Configuración: configurar enrutamiento
Actualizar: crear una instancia de enrutamiento
Colgar: montar enrutamiento
p>
La función básica del enrutamiento (vue-router) es asignar cada ruta al componente correspondiente y convertir entre componentes modificando el enrutamiento
Reglas generales de ruta Para agregar "/ ruta" después la ruta actual, la ruta es la ruta de enrutamiento frontal establecida
Saltar a la página anterior: this.$router.go(-1);
p>? dirección de salto: this.$router.replace("/path");
? Especifique el nombre de la ruta de salto: this.$router.replace({name : "menuLink"});
? Saltar a través de push: this.$router.push("/path");
¿O this.$router.push( {name: "path"});
? (1) Establecer un componente de visualización predeterminado (¡¡no recomendado!!!)
{ruta: "/", componente: inicio de sesión}
(2) Redirección de ruta , configure los componentes predeterminados
{path: "/", redirigir: "login"}
(1) Cree un objeto de enrutamiento después de importar el paquete vue-router. ¿Un constructor de enrutamiento VueRouter
en el objeto global de la ventana? (2) Al crear un nuevo objeto de enrutamiento, puede pasar un objeto de configuración. La ruta de este objeto de configuración representa la regla coincidente del enrutador. >
? (3) Cada regla de enrutamiento es un objeto, y este objeto de regla debe tener dos atributos
Atributo 1: ruta Indica la dirección del enlace de la ruta a monitorear
Atributo 2: componente indica que si la ruta es la ruta previamente coincidente, se muestra el componente correspondiente al atributo del componente.
El valor del atributo del componente debe ser un El objeto de plantilla del componente no puede ser el nombre de referencia. del componente
? (4) enrutador: routerObj registra el objeto de regla de enrutamiento en la instancia de VM para monitorear los cambios en la dirección URL y luego muestra el componente correspondiente
p>( 5) Utilice el elemento router-link proporcionado oficialmente por vue. Se representa en una etiqueta de forma predeterminada, lt; router-link to="login"gt;/router-linkgt; p> ? (6) Utilice lt;router-viewgt;lt;/router-viewgt;
en el div controlado (App.Vue)