Una lista de tareas pendientes en la que los usuarios pueden registrarse e iniciar sesión en función de Vue

tecnología utilizada

  1. vista
  2. andamio
  3. enrutamiento
  4. interfaz de usuario del elemento

Directorio de archivos

  1. origen
    1. componentes
      1. entrar.ver
      2. MiBanner.vue
      3. Mi pie de página.vue
      4. MiEncabezado.vue
      5. MyItem.view
      6. MiLista.vue
    2. paginas
      1. Login.vue
      2. registro.vue
      3. Vista de tiempo
      4. Todolist.vue
    3. enrutador
      1. índice.js
    4. aplicación.vue
    5. principal.js

Pasos de implementación

Toda la página está dividida en dos módulos: el banner en la parte superior muestra las palabras de bienvenida y la operación de reinicio de sesión de la página de cuenta regresiva de registro de inicio de sesión requerida por el usuario a continuación.

Los siguientes componentes corresponden a los cuatro botones, utilizando el enrutamiento para lograr la conmutación

inserte la descripción de la imagen aquí

Contenido principal (lista de tareas pendientes)

Cuatro componentes:

  1. Jefe MiEncabezado
  2. Contenido intermedio: MyList
    1. Mi artículo
  3. Abajo: Mi pie de página

inserte la descripción de la imagen aquí

pagina de cuenta regresiva

Es principalmente necesario calcular estos cinco atributos y luego poner los datos en la página.El enlace del código detrás del código específico es

inserte la descripción de la imagen aquí

Iniciar sesión, registrar componentes

Contenido del formulario de entrada de dos entradas

inserte la descripción de la imagen aquí

enrutamiento

Saltar entre los componentes a través del enrutamiento programático, utilizar hábilmente la inserción en la pila y reemplazar para cubrir el sitio original para proteger la seguridad de la información del usuario

código fuente

Debe ejecutar el proyecto de archivo a través del entorno de scaffolding de VsCode, buscar el archivo en el directorio src y ejecutarlo

Enlace: https://pan.baidu.com/s/1poYKKa4EgcLEgz7P7CLwdQ?pwd=ae69
Código de extracción: ae69

Supongo que te gusta

Origin blog.csdn.net/Chen__sir__/article/details/127634515
Recomendado
Clasificación