O que é o Vue.js?

O Vue é uma estrutura JavaScript de software livre e front-end para a criação de interfaces de usuário e aplicativos de página única na Web. Criado por Evan You, lançado em 2014 e mantido por Evan e sua equipe principal, o Vue se concentra na renderização declarativa e na composição de componentes oferecendo uma biblioteca principal apenas para a camada de exibição.

Se você quiser criar um aplicativo Web Vue renderizado pelo servidor com recursos avançados, como roteamento, gerenciamento de estado e ferramentas de build, dê uma olhada em Nuxt.js.

O que torna Vue único?

O Vue utiliza a arquitetura model-view-viewmodel. Evan You trabalhou anteriormente no AngularJS no Google e extraiu partes do Angular para oferecer uma estrutura mais leve. O Vue é semelhante a React, Angular, Ember, Knockout etc. Consulte a documentação do Vue para obter uma comparação mais detalhada com essas outras estruturas JavaScript.

O que você pode fazer com o Vue?

• Criar um SPA (aplicativo de página única)
• Use apenas um componente do Vue para adicionar uma lista simples to-do no seu app ou encontrar exemplos mais complexos
• Construa um site renderizado pelo servidor com um back-end Node.js, com a ajuda de Nuxt.js

Ferramentas do Vue

Vue.js se concentra apenas na camada de exibição, portanto, pode exigir ferramentas adicionais para criar um aplicativo mais complexo. Talvez você queira considerar o uso:

• Gerenciador de pacotes: dois gerenciadores de pacotes populares para Vue são npm (que está incluído no NodeJS) e yarn. Ambos dão suporte a uma ampla biblioteca de pacotes bem mantidos que podem ser instalados.
• CLI do Vue: um kit de ferramentas padrão para desenvolvimento rápido de Vue.js com suporte pronto para Babel, PostCSS, TypeScript, ESLint etc.
• Nuxt.js: uma estrutura projetada para possibilitar a renderização de aplicativos Vue.js no lado do servidor. A renderização do lado do servidor pode melhorar o SEO e tornar as interfaces do usuário mais responsivas.
• Pacote de Extensões do Vue para o VS Code: Adiciona realce de sintaxe, formatação de código e trechos de código aos arquivos .vue.
• Vuetify: uma biblioteca de interface do usuário do Vue que oferece componentes do Framework de Design Material.
• Vuesion: um template do Vue para PWAs (Aplicativos Web Progressivos) prontos para produção.
• Storybook: um ambiente de desenvolvimento e teste para componentes da interface do usuário do Vue.
• Vue Router: oferece suporte ao mapeamento de URLs de aplicativo para componentes do Vue.
• Sistema de Design Vue: uma ferramenta de código aberto para a criação de sistemas de design com Vue.js.
• VueX: sistema de gerenciamento de estado para aplicativos Vue.

Recursos adicionais

• Documentação do Vue
• visão geral Vue.js
• Instalar Vue.js no WSL
• Instalar o Vue.js no Windows
• Instalar Nuxt.js
• Dê os primeiros passos com Vue.js roteiro de aprendizagem
• Experimente um tutorial do Vue com o VS Code