DEV Community

Cover image for Vue3: Options API vs Composition API (pt/br)

Vue3: Options API vs Composition API (pt/br)

Angela Caldas on September 04, 2023

Read it in English Até o Vue 2, só tínhamos uma maneira de se criar componentes, sintaticamente falando. Porém, com a chegada do Vue 3 em 2020, ...
Collapse
 
luckmarty profile image
luckmarty • • Edited

Muito esclarecedor.
Sou novato no Vue, na verdade em todas as frameworks baseadas em javascript.
nNo uso de javascript, prefiro usar o typescript, porém, como fui, inicialmente apresantado à options API, ao olhar ela parece mais orgnizada, porém uma coisa que você disse, me fez pensar, a questão da importação seletiva no cado da composition API.
Eu li em algum lugar que a options API é mais verbosa que a composition API, porém mo exemplo dado aqui ficaram muito parecidas mas a options foi um pouco mais verbosa.
Enfim, acredito que a melhor aposta é investir na composition API, pois é uma questão de linha de evolução, acredito que com o tempo ela se tornará mais popular.

Collapse
 
sucodelarangela profile image
Angela Caldas •

TypeScript é essencial, principalmente em aplicações grandes. Que bom que você já está se habituando nesse quesito!

A Options realmente fica um pouco mais verbosa. Em exemplos pequenos como os mostrados aqui, acaba sendo uma diferença irrelevante, mas em projetos mais complexos, a Composition se sai bem melhor. Fora que, com TypeScript, a Composition também é mais legal de usar.

Por esse lado de evolução, também acredito que a Composition em breve vai ser bem mais utilizada, mas a documentação do Vue é excelente para ambos e sempre há avisos de mudanças bruscas ou interrupções de suporte, então sempre vale ficar de olho.

Valeu pela visita! <3

Collapse
 
gabrielteixeira44 profile image
Gabriel Teixeira da Silva •

Artigo muito interessante. Atualmente estou trabalhando com vue3, e sempre aparece algumas dúvidas sobre o composition api.
Acho que com a composition api o vue ficou bem mais organizado e melhor para se trabalhar tambem.

Collapse
 
sucodelarangela profile image
Angela Caldas •

Concordo com você, Gabriel. Acho a Composition bem melhor de se trabalhar que a Options! Valeu pela visita ^^

Collapse
 
kuvasney profile image
Rafael Kuvasney Marcolin •

Legal que já tinha visto seu post em outro lugar.
linkedin com/pulse/vue-3-options-api-x-composition-por-baixo-dos-panos-ruan-willians-gqkff/

Estava pesquisando sobre lifecicle hooks e acabei aqui, aí percebi que já havia lido algo parecido. Bom te encontrar rs parabéns pelo post.

Collapse
 
sucodelarangela profile image
Angela Caldas •

Caramba, Rafael, o cara copiou meu artigo praticamente todo no LinkedIn, haha! Obrigada por compartilhar!

Muito obrigada também pela visita aqui e pelo comentário, fico muito feliz que o artigo tenha te ajudado de alguma forma (ou pelo menos espero). Abraço!

Collapse
 
priscillatrevizan profile image
PriscillaTrevizan •

Entendendo um pouco mais do Vue!
Angela como sempre arrasando!

Collapse
 
sucodelarangela profile image
Angela Caldas •

Valeu, Pri 🧡
Em breve sai mais artigo, viu? Tou na correria kkkkk
Obrigada pela visitaaaa!

Collapse
 
marcelluscaio profile image
Caio Marcellus Cabral •

Eu não manjo nada de Vue e consegui entender super bem! Arrasou, Angela!

Collapse
 
sucodelarangela profile image
Angela Caldas •

Brigadão pela visita e pelo feedback, Caio!

Collapse
 
well_babayagadev profile image
Wellington Santos •

Gostei, bem detalhado!

Collapse
 
sucodelarangela profile image
Angela Caldas •

Valeu, Wellington! <3