O que é o Vue.js?

  • Artigo

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?

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