VISÃO GERAL SOBRE O GERENCIAMENTO DE ESTADO NO VUE.JS COM A BIBLIOTECA VUEX

Autores

  • Lucas Galhardo Lima Faculdade de Tecnologia de Taquaritinga (FATEC) – SP – Brasil
  • Erick Eduardo Petrucelli Faculdade de Tecnologia de Taquaritinga (FATEC) – SP – Brasil
  • Felipe do Espírito Santo Faculdade de Tecnologia de Taquaritinga (FATEC) – SP – Brasil

Palavras-chave:

Vue.js, Vuex, Gerenciamento de Estado, Desenvolvimento Front-End

Resumo

Vue.js é um framework JavaScript progressivo para construção de interfaces visuais para o usuário usando JavaScript. Vuex é uma das bibliotecas oficiais deste framework, uma adaptação do Vue.js para o que é chamado de conceito Flux, que tem como objetivo o gerenciamento de estado entre componentes dentro do projeto. Juntos, trabalham para que o desenvolvedor possa administrar, de forma fluida e organizada, a comunicação de dados dentro do projeto, armazenando-os de forma centralizada, permitindo acessá-los dentro dos diversos componentes do projeto. O presente artigo inicia abordando brevemente a história do Vue.js e seu funcionamento. Em seguida, apresenta a utilização da Vuex em um pequeno projeto de exemplo, demonstrando como o Vuex é configurado, como funciona sua store e seus principais elementos, bem como realizar a organização/modularização de código com Vuex. Por fim, o artigo aborda alguns pontos positivos e negativos de utilizar este tipo de arquitetura.

Downloads

Não há dados estatísticos.

Metrics

Carregando Métricas ...

Referências

FACEBOOK INC. Flux: Application Architecture For Building User Interfaces. Flux Documentation, 2014. Disponível em: <https://facebook.github.io/flux>. Acesso em: 12 abr. 2019.
GALDINO, F. Vue.js Tutorial. DevMedia, 2017. Disponível em: <https://www.devmedia.com.br/vue-js-tutorial/38042>. Acesso em: 10 fev. 2019.
KYRIAKIDIS, A; MANIATIS, K; YOU, E. The Majesty Of Vue.js 2. LeanPub, 2017
SCHMITZ, D; GEORGII P. D. Vue.js na Prática. LeanPub, 2016.
SPEC INDIA. React vs Angular vs Vue.js: A Complete Comparison Guide. Spec India Blog, 2018. Disponível em: <https://medium.com/front-end-weekly/react-vs-angular-vs-vue-js-a-complete-comparison-guide-d16faa185d61>. Acesso em: 12 abr. 2019.
VUE DEVTOOLS. Browser DevTools Extension for Debugging Vue.js Applications. Vue DevTools Repository, 2019. Disponível em: <https://github.com/vuejs/vue-devtools>. Acesso em: 12 abr. 2019.
VUE.JS. Gerenciamento de Estado. Guia do Vue.js, 2019. Disponível em: <https://br.vuejs.org/v2/guide/state-management.html>. Acesso em: 09 fev. 2019.
______. Introdução. Guia do Vue.js, 2019. Disponível em: <https://br.vuejs.org/v2/guide>. Acesso em: 09 fev. 2019.
VUEX. O Que é Vuex? Documentação do Vuex, 2019. Disponível em: <https://vuex.vuejs.org/ptbr>. Acesso em: 09 fev. 2019.
YOU, E. First Week of Lauching Vue.js. Evan You Blog, 2014. Disponível em: <https://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project>. Acesso em: 09 fev. 2019.

Publicado

30/06/2019

Como Citar

LIMA, L. G.; PETRUCELLI, E. E.; SANTO, F. do E. VISÃO GERAL SOBRE O GERENCIAMENTO DE ESTADO NO VUE.JS COM A BIBLIOTECA VUEX. Revista Interface Tecnológica, [S. l.], v. 16, n. 1, p. 56-66, 2019. Disponível em: https://revista.fatectq.edu.br/index.php/interfacetecnologica/article/view/551. Acesso em: 24 out. 2020.

Edição

Seção

Tecnologia em Informática

Artigos Semelhantes

Você também pode iniciar uma pesquisa avançada por similaridade para este artigo.