O que é o Vue.js?

O Vue é uma estrutura JavaScript de front-end e de software livre para criação de interfaces do usuário e aplicativos de página única na Web. Criado por Evan You, lançado em 2014 e mantido por Evan e pela equipe principal dele, o Vue tem como foco a renderização declarativa e a composição de componentes que oferecem uma biblioteca principal somente para a camada de exibição.

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

O que torna o Vue único?

O Vue usa uma arquitetura model-view-viewmodel. Anteriormente, Evan You trabalhou no AngularJS na Google e extraiu partes do Angular para oferecer uma estrutura mais leve. De muitas maneiras, o Vue é semelhante ao React, ao Angular, ao Ember, ao Knockout etc. Confira 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)
• Usar apenas um componente do Vue para adicionar uma lista de tarefas pendentes simples ao seu aplicativo ou encontrar exemplos mais complexos
• Criar um site renderizado pelo servidor com um back-end do Node.js, com a ajuda do Nuxt.js

Ferramentas do Vue

O Vue.js tem como foco apenas a camada de exibição. Portanto, ele pode exigir ferramentas adicionais para criar um aplicativo mais complexo. O ideal é considerar usar o seguinte:

• Gerenciador de pacotes: dois gerenciadores de pacotes populares para o Vue são o npm (que está incluído no NodeJS) e o Yarn. Os dois 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 o desenvolvimento rápido com o Vue.js com suporte integrado 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 no lado do servidor pode aprimorar a SEO e tornar as interfaces do usuário mais dinâmicas.
• Pacote de extensão do Vue para VS Code: adiciona realce de sintaxe, formatação de código e snippets de código aos arquivos .vue.
• Vuetify: uma biblioteca de interface do usuário do Vue que oferece componentes de estrutura de design de material.
• Vuesion: um genérico do Vue para PWAs (Aplicativos Web Progressivos) prontos para produção.
• Livro de história: um ambiente de desenvolvimento e teste para componentes de interface do usuário do Vue.
• Vue Router: dá suporte ao mapeamento de URLs de aplicativo para componentes do Vue.
• Vue Design System: uma ferramenta de software livre projetada para criar sistemas de design com o Vue.js.
• VueX: sistema de gerenciamento de estado para aplicativos Vue.

Recursos adicionais

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