Texto más código para comprender la diferencia entre el enrutamiento dinámico y el enrutamiento anidado en vue

Primero, la diferencia entre enrutamiento dinámico y enrutamiento anidado

Primero mira el efecto
Inserte la descripción de la imagen aquí
La diferencia:

  • Desde el punto de vista: hay uno / en la ruta de la URL de enrutamiento dinámico, y dos /
  • Esencialmente: la URL de enrutamiento dinámico corresponde a un componente, la URL de enrutamiento anidada corresponde a dos componentes

Papel:

  • Enrutamiento dinámico: realice el cambio dinámico del valor de la ruta
  • Enrutamiento anidado: implemente el enrutamiento secundario en el enrutamiento primario

Segundo, el proceso de implementación del código.

Enrutamiento dinámico

Inserte la descripción de la imagen aquí
Cuando cambia el valor del atributo userId en App.vue, el valor que muestra la url también será diferente
.

Enrutamiento anidado

Inserte la descripción de la imagen aquí
El 1234 en la imagen es el proceso de ejecución del código. Si pasa por el orden de ejecución del código en su mente, verá el
efecto
Inserte la descripción de la imagen aquí

3. Resumen

Este punto de conocimiento ha pensado en el orden de ejecución del código por un día. Lo hice dos veces en ppt. Csdn lo resumió y finalmente lo entendí, así que debo resumirlo y dominar la esencia de la programación.

229 artículos originales publicados · elogiados 113 · 100,000+ vistas

Supongo que te gusta

Origin blog.csdn.net/shang_0122/article/details/105702774
Recomendado
Clasificación