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