Red de conocimiento informático - Problemas con los teléfonos móviles - Uso del enrutamiento Vue

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)