{"id":11070,"date":"2022-04-07T13:21:35","date_gmt":"2022-04-07T10:21:35","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=11070"},"modified":"2023-02-17T16:30:58","modified_gmt":"2023-02-17T13:30:58","slug":"what-is-vue-guide","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/","title":{"rendered":"What is Vue?"},"content":{"rendered":"<p><a href=\"https:\/\/v2.vuejs.org\/\">Vue.js<\/a> is a progressive open-source <a href=\"https:\/\/en.wikipedia.org\/wiki\/Model%E2%80%93view%E2%80%93viewmodel\">MVVM<\/a> frontend JavaScript framework that is designed to be implemented incrementally since the core library focuses only on the presentation layer. Nevertheless, this framework is used for building UI (user interfaces) and complex single-page applications with modern tools and libraries to support them. It enables you to take advantage of libraries for client-side routing and state management when you need it.<\/p><p><iframe data-src=\"\/\/www.slideshare.net\/slideshow\/embed_code\/key\/2hdXj39cYVx4XJ\" width=\"594\" height=\"397\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" style=\"border:0px solid #CCC; border-width:0px; margin-bottom:0px; max-width: 100%;\" allowfullscreen=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"> <\/iframe><\/p><p><a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2019\/11\/vue-Open-Source-600x450.png\"  data-excerpt=\"We tried to include not only countless UI toolkits but also some outstanding projects that help you to work with animation, composing props, build requests for API and many more.\" href=\"https:\/\/flatlogic.com\/blog\/new-and-noteworthy-vue-js-open-source-projects-part-2\/\">Vue.js<\/a> was created in 2014 by Evan You and is supported by him and other active core team members. Interesting fact, Vue.js version names are often derived from manga and anime, the majority of them within the science fiction genre.<\/p><p>Vue is also usable for both desktop and mobile application development due to its HTML and JS base extensions working in sync with the Electron framework, which makes it the most preferred frontend tool. Vue.js implements this through an <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/MVC\">MVC<\/a> (Model View Controller) architecture to view the user interface of an application or website, using its underlying library by default.<\/p><h2 class=\"wp-block-heading\"><strong>Why use Vue<\/strong><\/h2><p>Vue frameworks provide the following full set of features that make it easy for developers to get to the UI:<\/p><ul class=\"wp-block-list\"><li><strong>Transition<\/strong><\/li><\/ul><p>Vue.js offers a variety of ways to realize transitions to HTML components when updating or adding something from the DOM.&nbsp; It also provides the ability to add animated third-party libraries to customize and design a better-cooperative UI.<\/p><ul class=\"wp-block-list\"><li><strong>VDOM<\/strong><\/li><\/ul><p>Vue works using VDOM (<a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2019\/09\/first-rns-600x450.png\"  data-excerpt=\"React Native has hardly any competition in the marketplace. Two, however, are Flutter along with Ionic. We shall now do a comparison between React Native and those competitors.\" href=\"https:\/\/flatlogic.com\/blog\/why-react-native-is-the-future\/\">virtual DOM<\/a>). Changes to the state made during application development will not be reflected directly in the DOM. VDOM is produced instead, which is generally found in JS data structures, allowing the developer to test their design and review changes to the UI design without worrying about cost-effectively undoing them.<\/p><ul class=\"wp-block-list\"><li><strong>Libraries and toolkits<\/strong><\/li><\/ul><p>Vue includes a considerable toolkit for all the elementary programming needs provided on its main page: <a href=\"https:\/\/flatlogic.com\/generator\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png\" alt=\"Professional Vibe Coding\" class=\"banner-img lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/640;\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png 2560w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-600x150.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-1024x256.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-768x192.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-1536x384.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-2048x512.png 2048w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 2560px) 100vw, 2560px\"> <\/a><\/p><ul class=\"wp-block-list\"><li>Browser development tools are used to fix bugs in applications developed with Vue.<\/li><li><a href=\"https:\/\/cli.vuejs.org\/\">Vue CLI<\/a> (command-line interface), which is used to install and create the main Vue framework libraries and third-party plugins.<\/li><li><a href=\"https:\/\/router.vuejs.org\/\">Vue Router<\/a>.<\/li><li><a href=\"https:\/\/vue-loader.vuejs.org\/\">Vue Loader<\/a>.<\/li><\/ul><p><strong>Advantages of Vue<\/strong><\/p><p>Each framework has its own special features and characteristics that make them known and receive priority over other frameworks. Vue.js holds the record for the highest number of stars on Github.com in the last 5 years. While the Vue.js community is smaller than ReactJS, the record of Vue.js stardom describes and tells the story of its fans. So here&#8217;s a list of the best features of Vue.js and the reasons why developers chose it:<\/p><ul class=\"wp-block-list\"><li><strong>Performant and size-efficient. <\/strong>Vuejs is a lightweight framework with a package size of just 21KB, which is what sets it aside from its competitors. The virtual DOM also greatly speeds up rendering.<\/li><li>User-friendly. Vue has some of the most comprehensive and strongest documentation, with everything from tutorials to step-by-step guides. Vue has a component-based interface: you can find everything you need in a single `.vue&#8217; file. All you need is a basic knowledge of CSS, HTML, and JavaScript to start exploring Vue.js.&nbsp;<\/li><li>Community. Vue has a very supportive and dedicated community. There are a lot of forums and chats where Vue.js is tagged. More than 135,000 Github members are using Vue.js.&nbsp;<\/li><li>Progressive nature. The Vue framework can be implemented into your codebase incrementally instead of redesigning everything in a single swoop. Move from component one to one to get the whole endeavor off to a more controlled one.<\/li><\/ul><h3 class=\"wp-block-heading\"><strong>Who uses Vue.js<\/strong><\/h3><p>Here is the list of companies that use Vue.js:<\/p><ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.alibabagroup.com\/en\/global\/home\">Alibaba Group<\/a><\/li><li><a href=\"https:\/\/www.netflix.com\/\">Netflix<\/a><\/li><li><a href=\"https:\/\/www.mi.com\/global\/index.html\">Xiaomi<\/a><\/li><li><a href=\"https:\/\/www.adobe.com\/\">Adobe<\/a><\/li><li><a href=\"https:\/\/about.gitlab.com\/\">Gitlab<\/a><\/li><li><a href=\"https:\/\/www.behance.net\/\">Behance<\/a><\/li><li><a href=\"https:\/\/9gag.com\/\">9GAG<\/a><\/li><li><a href=\"https:\/\/www.apple.com\/\">Apple<\/a><\/li><li><a href=\"https:\/\/www.google.com\/\">Google<\/a><\/li><li><a href=\"https:\/\/www.bmw.com\/en\/index.html\">BMW<\/a><\/li><\/ul><h2 class=\"wp-block-heading\"><strong>How to Create a Vue app using the Flatlogic Platform<\/strong><\/h2><p>There are two ways to build your application on the Flatlogic Platform: you can create a simple and clear front-end application, generated by the CLI framework, or the <a href='https:\/\/flatlogic.com\/crud-app'>CRUD<\/a> application with frontend+backend+database.&nbsp;&nbsp;<\/p><h2 class=\"wp-block-heading\"><strong>Creating a CRUD application with Flatlogic<\/strong><\/h2><h3 class=\"wp-block-heading\"><strong>Step 1. Choose a Tech Stack<\/strong><\/h3><p>In this step, you&#8217;re setting the name of your application and choosing the stack: Frontend, Backend, and Database.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"824\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.25-1024x824.png\" alt=\"\" class=\"wp-image-13600 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.25-1024x824.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.25-600x483.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.25-768x618.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.25.png 1484w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/824;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\"><strong>Step 2. Choose the Starter Template<\/strong><\/h3><p>In this step, you&#8217;re choosing the design of the web app.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"535\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.31-1024x535.png\" alt=\"\" class=\"wp-image-13601 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.31-1024x535.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.31-600x314.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.31-768x402.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.31.png 1484w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/535;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p><\/p><h3 class=\"wp-block-heading\"><strong>Step 3. Schema Editor<\/strong><\/h3><p>In this part you will need to know which application you want to build, that is, <a href='https:\/\/flatlogic.com\/custom-crm'>CRM<\/a> or E-commerce, also in this part you build a <a href=\"https:\/\/en.wikipedia.org\/wiki\/Entity%E2%80%93relationship_model\" target=\"_blank\" rel=\"noreferrer noopener\">database schema<\/a> i.e. tables and relationships between them.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"868\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.48-1024x868.png\" alt=\"\" class=\"wp-image-13602 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.48-1024x868.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.48-600x509.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.48-768x651.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.10.48.png 1378w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/868;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>If you are unfamiliar with database design and find it difficult to understand what tables are, we have prepared a number of ready-made example schemas of real-world apps from which you can build your own.<\/p><ul class=\"wp-block-list\"><li>E-commerce app;<\/li><li>Time tracking app;<\/li><li>Bookstore;<\/li><li>Chat (messaging) app;<\/li><li>Blog.<\/li><\/ul><p>Finally, you can deploy your application and in a few minutes, you will get a fully functional CMS for your Vue application.<\/p><h2 class=\"wp-block-heading\">Step 4. Choose Integration method &amp; Features<\/h2><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"838\" height=\"822\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.28.png\" alt=\"\" class=\"wp-image-13598 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.28.png 838w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.28-600x589.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.28-768x753.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 838px; --smush-placeholder-aspect-ratio: 838\/822;\" data-original-sizes=\"(max-width: 838px) 100vw, 838px\" \/><\/figure><p>Next, you can connect your GitHub and push your application code there. Or skip this step by clicking the Finish and Deploy button and in a few minutes, your application will be generated.<\/p><h2 class=\"wp-block-heading\"><strong>Creating a one-page application with Flatlogic&nbsp;<\/strong><\/h2><p>You can create a frontend-only app with the Flatlogic Platform. This assumes you are hosting the back-end somewhere else or do not need it at all. To generate a one-page application you don&#8217;t need to enter anything in the terminal of your IDE, you just need to go to the page of creating an application on the <a href=\"https:\/\/flatlogic.com\/generator\" target=\"_blank\" rel=\"noreferrer noopener\">Flatlogic<\/a> website and make only 2 steps:<\/p><h3 class=\"wp-block-heading\"><strong>Step 1. Choose a Tech Stack<\/strong><\/h3><p>In this step, you set the name of your application and choose the stack: Frontend as Vue, Backend as No-Backend.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"900\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.51-1024x900.png\" alt=\"\" class=\"wp-image-13603 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.51-1024x900.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.51-600x527.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.51-768x675.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.11.51.png 1356w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/900;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\"><strong>Step 2. Choose the Starter Template<\/strong><\/h3><p>In this step, you choose the design of the web app. Since this is a standard one-page application created using the CLI framework, it will have the design of a standard one-page Vue CLI application.<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"948\" height=\"578\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.12.05.png\" alt=\"\" class=\"wp-image-13604 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.12.05.png 948w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.12.05-600x366.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-06-at-17.12.05-768x468.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 948px; --smush-placeholder-aspect-ratio: 948\/578;\" data-original-sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/figure><p>In the end of app creation, you can deploy it and in a few minutes, you will get a one-page Vue application, which you can further modify as you like. Share the result with other colleagues and friends mentioning @flatlogic on Twitter, Facebook\/Instagram and <a href=\"https:\/\/flatlogic-manager.medium.com\/what-is-vue-3c8598846462\">Medium<\/a>. Check out other guidelines for the web app application process on our blog: <\/p><ul class=\"wp-block-latest-posts__list wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/flatlogic.com\/blog\/how-much-does-a-web-app-cost\/\">How Much Does a Web App Cost? A Scope-Based Calculator<\/a><\/li><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/flatlogic.com\/blog\/why-most-ai-app-builders-fail\/\">Why Most AI App Builders Fail After the First Demo<\/a><\/li><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/flatlogic.com\/blog\/what-is-an-admin-panel-in-modern-saas\/\">What Is an Admin Panel in Modern SaaS?<\/a><\/li><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/flatlogic.com\/blog\/data-migration-data-integration-services-for-startups-and-smbs\/\">Data Migration &#038; Data Integration Services for Startups and SMBs<\/a><\/li><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/flatlogic.com\/blog\/what-is-prompt-to-app-top-10-tools\/\">What Is Prompt-to-App? [Top 10+ Tools in 2026]<\/a><\/li><\/ul><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\"><iframe title=\"\ud83d\ude80 OpenAI + Flatlogic: How To Create CRUD Web Apps in Minutes! \ud83e\udd16\" width=\"640\" height=\"360\" data-src=\"https:\/\/www.youtube.com\/embed\/nlw0mUxohlg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>One of our favorite JS frameworks, known as Vue, won the hearts of thousands developers worldwide. 200k stars on GitHub.<\/p>\n","protected":false},"author":24,"featured_media":11347,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Vue.js is a progressive MVVM framework focused on the view layer for SPAs and UIs, with desktop\/mobile options via Electron.\nKey features include transitions, virtual DOM, and tooling like Vue CLI, Router, and Loader.\nLightweight and fast: ~21KB core, strong docs, component-based files, and incremental adoption.\nFlatlogic lets you generate Vue apps (CRUD or SPA) with templates, schema editor, GitHub integration, and deploy in minutes.","flatlogic_facts":[{"text":"Vue.js was created in 2014 by Evan You.","source":""},{"text":"Vue.js core package size is about 21KB.","source":""},{"text":"More than 135,000 GitHub members are using Vue.js.","source":""},{"text":"Vue.js held the most GitHub stars in the last 5 years.","source":""},{"text":"Flatlogic can deploy a fully functional Vue CMS in minutes.","source":""}],"footnotes":""},"categories":[28],"tags":[102,76,397,42],"class_list":["post-11070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides","tag-tutorial","tag-vue","tag-vue-tailwind","tag-vuejs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v26.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is Vue? - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"Vue is an open-source JS framework that is widely used by product engineers in web development. Read more about its features in our blog.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Vue?\" \/>\n<meta property=\"og:description\" content=\"Vue is an open-source JS framework that is widely used by product engineers in web development. Read more about its features in our blog.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Flatlogic Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flatlogic\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-07T10:21:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-17T13:30:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/04\/Post-Dark-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alesia S.\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/04\/Post-Dark-1.png\" \/>\n<meta name=\"twitter:creator\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:site\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alesia S.\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is Vue? - Flatlogic Blog","description":"Vue is an open-source JS framework that is widely used by product engineers in web development. Read more about its features in our blog.","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:\/\/flatlogic.com\/blog\/what-is-vue-guide\/","og_locale":"en_US","og_type":"article","og_title":"What is Vue?","og_description":"Vue is an open-source JS framework that is widely used by product engineers in web development. Read more about its features in our blog.","og_url":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2022-04-07T10:21:35+00:00","article_modified_time":"2023-02-17T13:30:58+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/04\/Post-Dark-1.png","type":"image\/png"}],"author":"Alesia S.","twitter_card":"summary_large_image","twitter_image":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/04\/Post-Dark-1.png","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Alesia S.","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/"},"author":{"name":"Alesia S.","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/4ea8cd13c3b9919c455be1f34183a0c9"},"headline":"What is Vue?","datePublished":"2022-04-07T10:21:35+00:00","dateModified":"2023-02-17T13:30:58+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/"},"wordCount":1042,"commentCount":0,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/04\/Post-Dark-1.png","keywords":["Tutorial","Vue","Vue Tailwind","Vue.js"],"articleSection":["Guides"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/","url":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/","name":"What is Vue? - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/04\/Post-Dark-1.png","datePublished":"2022-04-07T10:21:35+00:00","dateModified":"2023-02-17T13:30:58+00:00","description":"Vue is an open-source JS framework that is widely used by product engineers in web development. Read more about its features in our blog.","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/04\/Post-Dark-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/04\/Post-Dark-1.png","width":1080,"height":1080,"caption":"what is vue"},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/what-is-vue-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"What is Vue?"}]},{"@type":"WebSite","@id":"https:\/\/flatlogic.com\/blog\/#website","url":"https:\/\/flatlogic.com\/blog\/","name":"Flatlogic Blog","description":"Vibe-coding, AI Agents, Professional Software Development Services, Case Studies and More","publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"alternateName":"Flatlogic Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flatlogic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/flatlogic.com\/blog\/#organization","name":"Flatlogic","url":"https:\/\/flatlogic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","width":970,"height":257,"caption":"Flatlogic"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flatlogic","https:\/\/x.com\/flatlogic","https:\/\/www.instagram.com\/flatlogiccom\/","https:\/\/www.linkedin.com\/company\/flatlogic\/"]},{"@type":"Person","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/4ea8cd13c3b9919c455be1f34183a0c9","name":"Alesia S.","url":"https:\/\/flatlogic.com\/blog\/author\/alesya\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=11070"}],"version-history":[{"count":8,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11070\/revisions"}],"predecessor-version":[{"id":13752,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11070\/revisions\/13752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/11347"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=11070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=11070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=11070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}