{"id":8467,"date":"2020-04-13T10:55:00","date_gmt":"2020-04-13T13:55:00","guid":{"rendered":"https:\/\/geekblogti.wpengine.com\/?p=8467"},"modified":"2024-09-24T18:22:19","modified_gmt":"2024-09-24T21:22:19","slug":"vue-js-so-vejo-vantagens-e-voce","status":"publish","type":"post","link":"https:\/\/www.geekhunter.com/pt/blog\/vue-js-so-vejo-vantagens-e-voce\/","title":{"rendered":"Vue JS: o que \u00e9, como funciona e vantagens"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Se voc\u00ea costuma criar muitos projetos de desenvolvimento, com certeza j\u00e1 deve ter se perguntado <strong>quais ferramentas seriam as melhores e as mais eficientes <\/strong>para auxiliar nessa fun\u00e7\u00e3o. Ser\u00e1 que \u00e9 <a rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/react-vs-vue-vs-angular-qual-escolher\/\" target=\"_blank\"><strong>React, Vue ou Angular<\/strong><\/a>?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quem sabe aquele <em>framework <\/em>que voc\u00ea ouve tanto falar n\u00e3o seria a melhor escolha, ou talvez aquela lib, que acabou de ser lan\u00e7ada, resolva todos os seus problemas?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 f\u00e1cil se perder no meio de tantas op\u00e7\u00f5es e acabar fazendo escolhas erradas, e isso n\u00e3o \u00e9 ruim, j\u00e1 que todo erro se torna um aprendizado novo e uma melhoria para o pr\u00f3ximo projeto.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para te ajudar nessa decis\u00e3o, falaremos sobre uma ferramenta muito consolidada e com uma grande quantidade de contribuidores, voc\u00ea j\u00e1 deve ter ouvido falar: <strong>Vue<\/strong> JS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para desenvolvedores que possuem experi\u00eancia com Vue.JS e tamb\u00e9m para aqueles querem mudar de \u00e1rea, temos muitas oportunidades em Vue.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para contextualizar temos que deixar claro que este artigo n\u00e3o \u00e9 sobre a escolha perfeita que funcionar\u00e1 para todos os casos sem exce\u00e7\u00e3o, at\u00e9 por que essa ferramenta ainda ter\u00e1 de ser criada.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O que ser\u00e1 apresentado aqui \u00e9 uma das solu\u00e7\u00f5es<strong> mais utilizadas e robustas<\/strong> utilizadas para a cria\u00e7\u00e3o de websites e que, com certeza, pode ser a solu\u00e7\u00e3o para alguma de suas dores atuais.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que \u00e9 Vue JS?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vue JS \u00e9 um framework Javascript <em>open source<\/em>, lan\u00e7ado em Fevereiro de 2014 por Evan You, Desenvolvedor que atuava em um dos projetos do <em>Google Creative Labs,<\/em> em 2014. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Foi nesse projeto que descobriu a necessidade de criar uma ferramenta mais completa e \u00e1gil para lidar com grandes UIs. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vue JS \u00e9 muito utilizado para criar aplica\u00e7\u00f5es <em>single page <\/em>(p\u00e1gina \u00fanica) e tamb\u00e9m para desenvolver v\u00e1rios tipos de interfaces, que possuem necessidades de maior intera\u00e7\u00e3o e experi\u00eancia mais valorosa para o usu\u00e1rio. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 importante frisar que Vue JS se enquadra em framework Javascript progressivo, isto \u00e9, Vue JS pode ser conectado em um peda\u00e7o de uma aplica\u00e7\u00e3o server-side que precisa otimizar a UI.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&gt;&gt;Leitura recomendada:<\/strong> Introdu\u00e7\u00e3o \u00e0 <a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/linguagem-javascript-um-guia-para-iniciantes\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>l<\/strong><\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/linguagem-javascript-um-guia-para-iniciantes\/\" target=\"_blank\"><strong>inguagem Javascript<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Para que serve Vue JS?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Com mais de 150k de estrelas no Github, <strong>Vue.JS est\u00e1 entre os <em>frameworks <\/em><a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/introducao-ao-javascript-numeros-e-objetos\/\">Javascript <\/a>para cria\u00e7\u00e3o de interfaces mais populares do mundo<\/strong>.&nbsp;H\u00e1 quem diga que, entre os Desenvolvedores, a aprova\u00e7\u00e3o de Vue JS beira os 90%. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Com versatilidade, modulariza\u00e7\u00e3o e facilidade de aprendizado, o <em>framework <\/em>vem se tornando a escolha n\u00famero 1 entre profissionais da \u00e1rea que procuram&nbsp; criar websites profissionais e de alto desempenho.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apostando em uma arquitetura enxuta, Vue requer uma <strong>configura\u00e7\u00e3o m\u00ednima na cria\u00e7\u00e3o de um projeto<\/strong> e pode ser facilmente integrado com uma aplica\u00e7\u00e3o j\u00e1 existente atrav\u00e9s de uma simples tag <em>script<\/em>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa caracter\u00edstica coloca o <em>framework <\/em>em um lugar de destaque tanto para&nbsp; desenvolvedores, devido a<strong> facilidade de aprendizado e estrutura limpa<\/strong> do projeto, quanto para grandes empresas.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Isso acontece gra\u00e7as \u00e0 f\u00e1cil integra\u00e7\u00e3o de um novo colaborador ao um projeto j\u00e1 em andamento, mesmo sem um conhecimento pr\u00e9vio da ferramenta.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Arquitetura de Vue JS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aplica\u00e7\u00f5es que utilizam Vue s\u00e3o constitu\u00eddas de componentes criados com a sintaxe <strong>HTML, CSS e Javascript em um \u00fanico arquivo .vue<\/strong>, que facilitam o isolamento e a manuten\u00e7\u00e3o de funcionalidades.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cada componente constitui um escopo isolado dos demais, tanto em l\u00f3gica quantos nos estilos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> A renderiza\u00e7\u00e3o dos dados \u00e9 feita baseada em uma virtual DOM que \u00e9 atualizada apenas quando os dados de um componentes s\u00e3o alterados, <strong>aumentando o desempenho e descartando atualiza\u00e7\u00f5es desnecess\u00e1rias<\/strong>.<\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Cada componente \u00e9 criado usando a <strong>sintaxe HTML para estrutura\u00e7\u00e3o com os dados atrelados via Javascript<\/strong>, o que supre as limita\u00e7\u00f5es do HTML como a capacidade de iterar sobre uma cole\u00e7\u00e3o de dados ou decidir se uma tag deve ser renderizada ou n\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Um exemplo de componente b\u00e1sico em Vue seria:<\/p>\n\n\n\n<p> <script src=\"https:\/\/gist.github.com\/BrunoAlencar\/a03e59e9841051c59574991ef693f8f8.js\"><\/script><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Diretivas<\/strong> de Vue JS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Na manipula\u00e7\u00e3o de dados s\u00e3o utilizadas diretivas diretamente integradas ao HTML via Javascript de<strong> forma din\u00e2mica<\/strong> por meio de interpola\u00e7\u00e3o, essa integra\u00e7\u00e3o existe para dar maior flexibilidade \u00e0 linguagem de marca\u00e7\u00e3o.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para itera\u00e7\u00e3o, por exemplo, \u00e9 utilizada a diretiva <em>v-for<\/em> que percorre elementos de um array e retorna o dados desejado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Existem <strong>diretivas espec\u00edficas<\/strong> para cada utiliza\u00e7\u00e3o, como para renderiza\u00e7\u00e3o condicional: <em>v-if<\/em>, ou para demonstra\u00e7\u00e3o de textos: v-text e para conex\u00e3o com eventos: <em>v-on:event<\/em>, onde o <em>event<\/em> seria o evento que chamaria a fun\u00e7\u00e3o desejada (click, submit, scroll).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Ferramentas<\/strong> para Vue JS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para otimizar o processo de desenvolvimento, Vue tamb\u00e9m proporciona uma<strong> interface CLI <\/strong>onde \u00e9 poss\u00edvel executar diferentes fun\u00e7\u00f5es comuns a projetos para front-end.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma das fun\u00e7\u00f5es mais conhecidas \u00e9 o <em>vue create &lt;projeto&gt;<\/em> que \u00e9 utilizado para iniciar um novo projeto pr\u00e9-configurado com ferramentas comuns e indispens\u00e1veis, tais como:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Babel &#8211; transpilador<\/li><li>Typescript &#8211; tipagem est\u00e1tica<\/li><li>Vuex &#8211; gerente de estados aplica\u00e7\u00e3o<\/li><li>Router &#8211; gerente de rotas<\/li><li>Eslint &#8211; formatador de c\u00f3digo<\/li><li>Jest &#8211; testes<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"> Vue-cli tamb\u00e9m proporciona uma arquitetura de plugins onde \u00e9 poss\u00edvel acoplar diferentes funcionalidades como an\u00e1lise de m\u00e9tricas, build otimizado e deploy a diferentes provedores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vue-devtools \u00e9 outra ferramenta desenvolvida para <strong>facilitar o processo de desenvolvimento<\/strong> de aplica\u00e7\u00f5es que utilizam Vue JS, funciona como uma extens\u00e3o do browser e serve para visualizar o estado de cada componente que est\u00e1 sendo renderizado.&nbsp;<br><\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Esta fun\u00e7\u00e3o d\u00e1 ao desenvolvedor a capacidade de debugar a aplica\u00e7\u00e3o de maneira r\u00e1pida e visual.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\tOs editores de texto mais utilizados tamb\u00e9m proporcionam ferramentas para que a <strong>experi\u00eancia de desenvolvimento com Vue seja a melhor poss\u00edvel<\/strong>, provendo <em>syntax highlighting, snippets<\/em> <em>&nbsp;e inteliSense.&nbsp;<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A extens\u00e3o mais utilizada para essa funcionalidade \u00e9 chamada <a rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\" href=\"https:\/\/github.com\/vuejs\/vetur\" target=\"_blank\">Vetur <\/a> que \u00e9 utilizada juntamente com o VSCode, para o atom tem o<a rel=\"noreferrer noopener\" aria-label=\" (abre numa nova aba)\" href=\"https:\/\/atom.io\/packages\/ide-vue\" target=\"_blank\"> ide-vue<\/a>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Para concluir<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Temos todas as ferramentas que precisamos para criar as <strong>melhores aplica\u00e7\u00f5es<\/strong> que pudermos imaginar, com uma <strong>experi\u00eancia incr\u00edvel<\/strong>, tanto para n\u00f3s, desenvolvedores, quanto para o cliente final.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Com uma comunidade t\u00e3o grande e empenhada, a maioria dos desafios mais comuns j\u00e1 t\u00eam uma <strong>solu\u00e7\u00e3o consolidada<\/strong> e, provavelmente, muito bem documentada, basta que as usemos da melhor forma.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\tComo mais uma das milhares ferramentas desenvolvidas para o ecossistema Javascript, Vue tamb\u00e9m n\u00e3o \u00e9 a bala de prata que servir\u00e1 para todos os problemas, muitos deles ainda ter\u00e3o de ser desenvolvidos e h\u00e1 muita coisa a ser melhorada.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O melhor de tudo \u00e9 que Vue \u00e9 uma ferramenta <strong><em>open source<\/em><\/strong> e todos s\u00e3o convidados a contribuir, ainda mais com uma <strong>comunidade muito apaixonada <\/strong>onde \u00e9 relativamente f\u00e1cil encontrar ajuda e poder debater sobre diferentes solu\u00e7\u00f5es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea quiser mais, temos um artigo que ensina <a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/tutorial-vue-js\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>como criar uma aplica\u00e7\u00e3o com Vue JS<\/strong><\/a>. Confira!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se voc\u00ea costuma criar muitos projetos de desenvolvimento, com certeza j\u00e1 deve ter se perguntado quais ferramentas seriam as melhores e as mais eficientes para auxiliar nessa fun\u00e7\u00e3o. Ser\u00e1 que \u00e9 React, Vue ou Angular? Quem sabe aquele framework que voc\u00ea ouve tanto falar n\u00e3o seria a melhor escolha, ou talvez aquela lib, que acabou [&hellip;]<\/p>\n","protected":false},"author":167,"featured_media":8496,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-8467","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimiento-de-software"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.6 (Yoast SEO v28.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Vue JS: o que \u00e9, como funciona e vantagens | Geek Blog<\/title>\n<meta name=\"description\" content=\"Vue JS \u00e9 tudo isso mesmo? Descubra as vantagens desse framework javascript progressivo e em quais situa\u00e7\u00f5es us\u00e1-lo. Leia!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vue JS: o que \u00e9, como funciona e vantagens\" \/>\n<meta property=\"og:description\" content=\"Se voc\u00ea costuma criar muitos projetos de desenvolvimento, com certeza j\u00e1 deve ter se perguntado quais ferramentas seriam as melhores e as mais eficientes\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Geekhunter\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/geekhunterbr\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-13T13:55:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-24T21:22:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/12\/vue-js.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Geekhunter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:site\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Geekhunter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/\"},\"author\":{\"name\":\"Geekhunter\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\"},\"headline\":\"Vue JS: o que \u00e9, como funciona e vantagens\",\"datePublished\":\"2020-04-13T13:55:00+00:00\",\"dateModified\":\"2024-09-24T21:22:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/\"},\"wordCount\":1172,\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/vue-js.png\",\"articleSection\":[\"Desenvolvimiento de software\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/\",\"name\":\"Vue JS: o que \u00e9, como funciona e vantagens | Geek Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/vue-js.png\",\"datePublished\":\"2020-04-13T13:55:00+00:00\",\"dateModified\":\"2024-09-24T21:22:19+00:00\",\"description\":\"Vue JS \u00e9 tudo isso mesmo? Descubra as vantagens desse framework javascript progressivo e em quais situa\u00e7\u00f5es us\u00e1-lo. Leia!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/vue-js.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/vue-js.png\",\"width\":750,\"height\":410,\"caption\":\"VueJs\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/vue-js-so-vejo-vantagens-e-voce\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mundo TI\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desenvolvimiento de software\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/desenvolvimiento-de-software\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Vue JS: o que \u00e9, como funciona e vantagens\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"name\":\"Blog de TI\",\"description\":\"Dicas para o RH e profissionais da \u00e1rea TI\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\",\"name\":\"GeekHunter\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"width\":300,\"height\":300,\"caption\":\"GeekHunter\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/x.com\\\/geekhunterbr\",\"https:\\\/\\\/www.instagram.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/geekhunter-brasil\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@GeekHunterOfficial\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\",\"name\":\"Geekhunter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"caption\":\"Geekhunter\"},\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/author\\\/matias\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vue JS: o que \u00e9, como funciona e vantagens | Geek Blog","description":"Vue JS \u00e9 tudo isso mesmo? Descubra as vantagens desse framework javascript progressivo e em quais situa\u00e7\u00f5es us\u00e1-lo. Leia!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/","og_locale":"pt_BR","og_type":"article","og_title":"Vue JS: o que \u00e9, como funciona e vantagens","og_description":"Se voc\u00ea costuma criar muitos projetos de desenvolvimento, com certeza j\u00e1 deve ter se perguntado quais ferramentas seriam as melhores e as mais eficientes","og_url":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/","og_site_name":"Blog Geekhunter","article_publisher":"https:\/\/www.facebook.com\/geekhunterbr\/","article_published_time":"2020-04-13T13:55:00+00:00","article_modified_time":"2024-09-24T21:22:19+00:00","og_image":[{"width":750,"height":410,"url":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/12\/vue-js.png","type":"image\/png"}],"author":"Geekhunter","twitter_card":"summary_large_image","twitter_creator":"@geekhunterbr","twitter_site":"@geekhunterbr","twitter_misc":{"Escrito por":"Geekhunter","Est. tempo de leitura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/#article","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/"},"author":{"name":"Geekhunter","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400"},"headline":"Vue JS: o que \u00e9, como funciona e vantagens","datePublished":"2020-04-13T13:55:00+00:00","dateModified":"2024-09-24T21:22:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/"},"wordCount":1172,"publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/12\/vue-js.png","articleSection":["Desenvolvimiento de software"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/","name":"Vue JS: o que \u00e9, como funciona e vantagens | Geek Blog","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/#primaryimage"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/12\/vue-js.png","datePublished":"2020-04-13T13:55:00+00:00","dateModified":"2024-09-24T21:22:19+00:00","description":"Vue JS \u00e9 tudo isso mesmo? Descubra as vantagens desse framework javascript progressivo e em quais situa\u00e7\u00f5es us\u00e1-lo. Leia!","breadcrumb":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.geekhunter.com/pt/blog\/vue-js-so-vejo-vantagens-e-voce\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/#primaryimage","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2019\/12\/vue-js.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2019\/12\/vue-js.png","width":750,"height":410,"caption":"VueJs"},{"@type":"BreadcrumbList","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/vue-js-so-vejo-vantagens-e-voce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.geekhunter.com/pt/blog\/"},{"@type":"ListItem","position":2,"name":"Mundo TI","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/"},{"@type":"ListItem","position":3,"name":"Desenvolvimiento de software","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/desenvolvimiento-de-software\/"},{"@type":"ListItem","position":4,"name":"Vue JS: o que \u00e9, como funciona e vantagens"}]},{"@type":"WebSite","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","name":"Blog de TI","description":"Dicas para o RH e profissionais da \u00e1rea TI","publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.geekhunter.com/pt/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization","name":"GeekHunter","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","width":300,"height":300,"caption":"GeekHunter"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/geekhunterbr\/","https:\/\/x.com\/geekhunterbr","https:\/\/www.instagram.com\/geekhunterbr\/","https:\/\/www.linkedin.com\/company\/geekhunter-brasil\/","https:\/\/www.youtube.com\/@GeekHunterOfficial"]},{"@type":"Person","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400","name":"Geekhunter","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","caption":"Geekhunter"},"url":"https:\/\/www.geekhunter.com\/pt\/blog\/author\/matias\/"}]}},"_links":{"self":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/8467","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/comments?post=8467"}],"version-history":[{"count":0,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/8467\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media\/8496"}],"wp:attachment":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media?parent=8467"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/categories?post=8467"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/tags?post=8467"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}