Uma lista de tarefas que os usuários podem registrar e fazer login com base no Vue

tecnologia usada

1. Vue
2. andaime
3. roteamento
4. elemento-UI

Diretório de arquivos

1. origem
   1. componentes
      1. entrar.visualizar
      2. MyBanner.vue
      3. MeuRodapé.vue
      4. MyHeader.vue
      5. MeuItem.view
      6. MinhaLista.vue
   2. Páginas
      1. Login.vue
      2. registrar.vue
      3. Time.view
      4. Todolist.vue
   3. roteador
      1. index.js
   4. app.vue
   5. main.js

Etapas de implementação

A página inteira é dividida em dois módulos.O Banner na parte superior exibe as palavras de boas-vindas e a operação de relogin da página de contagem regressiva de registro de login solicitada pelo usuário abaixo.

Os seguintes componentes correspondem aos quatro botões, usando o roteamento para alcançar a comutação

Conteúdo principal (lista de tarefas)

Quatro componentes:

1. Head MyHeader
2. Conteúdo intermediário: MyList
   1. MeuItem
3. Inferior: MyFooter

página de contagem regressiva

É necessário principalmente calcular esses cinco atributos e, em seguida, colocar os dados na página. O link do código atrás do código específico é

Login, registrar componentes

Conteúdo do formulário de entrada de duas entradas

roteamento

Salte entre os componentes por meio do roteamento programático, use push on the stack de maneira inteligente e substitua para cobrir o site original para proteger a segurança das informações do usuário

Código fonte

Você precisa executar o projeto de arquivo por meio do ambiente de scaffolding VsCode, encontrar o arquivo no diretório src e executá-lo

Link: https://pan.baidu.com/s/1poYKKa4EgcLEgz7P7CLwdQ?pwd=ae69
Código de extração: ae69