Partilhar via

O que é o Vue.js?

O Vue é um framework JavaScript front-end de código aberto para a construçã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 central apenas para a camada de visualização.

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

O que torna o Vue único?

O framework Vue usa uma arquitetura model-view-viewmodel. Evan You trabalhou anteriormente no AngularJS no Google e extraiu partes do AngularJS para oferecer uma estrutura mais leve. Vue é de maneiras semelhantes 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 Vue?

Ferramentas Vue

Vue.js é focado apenas na camada de exibição, portanto, pode exigir ferramentas adicionais para criar um aplicativo mais complexo. Talvez queira considerar usar:

  • Gerenciador de pacotes: Dois gerenciadores de pacotes populares para Vue são npm (que está incluído no NodeJS) e yarn. Ambos suportam uma ampla biblioteca de pacotes bem mantidos que podem ser instalados.
  • Vue CLI: um kit de ferramentas padrão para desenvolvimento rápido Vue.js com suporte pré-configurado para Babel, PostCSS, TypeScript, ESLint, etc.
  • Nuxt.js: Uma estrutura para tornar possíveis aplicativos Vue.js renderizados do lado do servidor. A renderização do lado do servidor pode melhorar o SEO e tornar as interfaces de usuário mais responsivas.
  • pacote de extensão Vue para VS Code: adiciona realce de sintaxe, formatação de código e trechos de código aos seus arquivos .vue.
  • Vuetify: Uma biblioteca Vue UI que oferece componentes do Material Design Framework.
  • Vuesion: Um modelo Vue para Progressive Web Apps (PWAs) preparados para produção.
  • Storybook: Um ambiente de desenvolvimento e teste para componentes da interface do usuário Vue.
  • Vue Router: Suporta o mapeamento de URLs de aplicativos para componentes Vue.
  • Vue Design System: Uma ferramenta de código aberto para a construção de sistemas de projeto com Vue.js.
  • VueX: Sistema de gerenciamento de estado para aplicativos Vue.

Recursos adicionais