[Front-end Vue] Introdução às notas de estudo do Vue

Como desenvolvedor back-end, recentemente precisei começar a fazer desenvolvimento front-end e também preciso começar rapidamente com a estrutura vue.
Então, quais são as etapas para aprender?

1. Se você está desenvolvendo um projeto do zero, os passos necessários são os seguintes:

1. Aprenda o conhecimento básico do Vue,
   que inclui principalmente: instâncias do Vue, sintaxe do modelo, propriedades calculadas, ouvintes, componentes e outros conteúdos básicos. Esta é a base para o desenvolvimento de qualquer projeto Vue.
2. Aprenda Vue CLI
   Vue CLI é uma ferramenta padrão para desenvolvimento Vue.js. Você precisa dominar sua instalação, criação de projeto, execução, construção e outros comandos.
3. Aprenda o roteamento Vue
   O Vue Router é o roteamento oficial do Vue.js. A maioria dos projetos Vue precisa usá-lo, portanto, é um ponto de conhecimento que deve ser aprendido.
4. Aprendendo Vuex
   Em aplicações de grande escala, precisamos gerenciar estados centralmente. Vuex é a biblioteca oficial de gerenciamento de estado do Vue. Este também é um conteúdo obrigatório para o desenvolvimento de projetos de grande escala.
5. Familiarizado com Element UI
   Element UI é a biblioteca Vue UI mais popular. Muitos projetos Vue a utilizam, então você precisa estar familiarizado com o uso de seus componentes, API, etc.
6. Aprendendo ES6+ e pré-processador CSS
   Vue recomenda usar ES6+ para escrever componentes Vue e usar pré-processador CSS como Sass para escrever estilos, então você também precisa aprender um pouco sobre esses dois.
7. Pratique o desenvolvimento de projetos
   Crie um projeto Vue através do Vue CLI e, em seguida, desenvolva algumas funções simples para praticar o conteúdo de aprendizagem anterior. Esta é a última etapa necessária para compreender e dominar o Vue.

Através do estudo e da prática das etapas acima, um desenvolvedor back-end pode gradualmente dominar o Vue e o conhecimento front-end e desenvolver projetos Vue.
O ponto principal é praticar mais e desenvolver mais projetos pequenos para atender às necessidades iniciais. Somente com a prática contínua você poderá realmente dominar o desenvolvimento do Vue.

2. Se você estiver desenvolvendo um projeto Vue existente, as etapas necessárias são as seguintes:

Primeiro, seja um engenheiro de CV (se os requisitos forem para funções repetidas no projeto, você deve imitar, modificar diretamente, começar rapidamente e depurar constantemente).Seria melhor se alguém pudesse liderá-lo
.

1. Familiarize-se com a estrutura do projeto
   e entenda os ativos, componentes, visualizações, roteador e outras pastas da pasta src, bem como os principais arquivos de configuração, como package.json, babel.config.js, etc.
2. Compreenda as funções existentes do projeto
   Execute o projeto, experimente as funções existentes e entenda quais são os principais pontos de função do projeto.
3. Aprenda a pilha de tecnologia do projeto.
   Veja qual estrutura de UI, roteamento, biblioteca de gerenciamento de estado, etc. são usados ​​nas dependências package.json e aprenda o conteúdo relacionado.
4. Leia o código do projeto.
   Leia atentamente o código em src para entender a arquitetura do projeto, fluxo de dados, relacionamentos entre componentes, etc. Concentre-se no código relacionado aos negócios.
5. Familiarize-se com o processo de desenvolvimento do projeto.
   Leia os comandos do projeto, configuração de construção, implantação, etc., e entenda o processo completo, desde o desenvolvimento do projeto até o lançamento.
6. Inicie o desenvolvimento do projeto.
   Com base na compreensão do projeto, você pode começar a assumir problemas ou requisitos e realizar o desenvolvimento da codificação. Se você encontrar problemas, pergunte aos desenvolvedores anteriores.
7. Revise os erros ou deficiências do projeto.
   Durante o processo de desenvolvimento, caso sejam encontrados problemas no projeto, é recomendável reportá-los ao gerente ou líder do projeto para melhorar ainda mais a qualidade do projeto.
8. Aplique e melhore continuamente as capacidades técnicas.
   Continue a praticar Vue e tecnologias relacionadas em projetos, aprimore suas habilidades e contribua com projetos.

Resumindo, o mais importante ao desenvolver um projeto Vue existente é primeiro entender, estar familiarizado com o projeto, dominar as tecnologias e funções utilizadas no projeto e, em seguida, desenvolver novas funções com base nisso. Somente compreendendo profundamente o projeto poderemos continuar a desenvolvê-lo bem sem causar confusão e baixa qualidade do projeto. Portanto, paciência, aprendizado e prática são fundamentais.

A seguir, começarei a escrever notas de estudo a partir do conhecimento básico do Vue. Sinta-se à vontade para me incentivar sobre meu progresso na área de comentários.

Se houver algum erro, por favor me avise!
Ao reimprimir ou citar o conteúdo deste artigo, indique a fonte e o autor original: Juzu Qingzhong;