VISÃO GERAL SOBRE O GERENCIAMENTO DE ESTADO NO VUE.JS COM A BIBLIOTECA VUEX
Palavras-chave:
Vue.js, Vuex, Gerenciamento de Estado, Desenvolvimento Front-EndResumo
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
Métricas
Referências
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.
Downloads
Publicado
Como Citar
Edição
Seção
Licença
Os direitos autorais dos artigos publicados pertencem à revista Interface Tecnológica e seguem o padrão Creative Commons (CC BY 4.0), que permite o remixe, adaptação e criação de obras derivadas do original, mesmo para fins comerciais. As novas obras devem conter menção ao(s) autor(es) nos créditos.
Métricas
- Resumo 1090
- PDF 946