{"id":701,"date":"2017-04-13T13:26:18","date_gmt":"2017-04-13T13:26:18","guid":{"rendered":"http:\/\/blog.onclickinnovations.com\/?p=701"},"modified":"2017-04-13T13:26:18","modified_gmt":"2017-04-13T13:26:18","slug":"vue-js","status":"publish","type":"post","link":"https:\/\/onclickinnovations.com\/blog\/vue-js\/","title":{"rendered":"Vue.js"},"content":{"rendered":"<p>Vue.js is a javascript framework to build user interfaces. Vue.js is a library for building web interfaces. Vue.js is simple, minimal core with an incrementally adoptable stack that can handle apps of any scale. Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling\u00a0\u00a0and supporting libraries\u00a0.<\/p>\n<p>Basically Vue.js \u00a0let one\u00a0code in an highly reusable way, \u00a0create components that one\u00a0can use as \u201chtml-like tags\u201d in your page, binding data, functions and other very useful properties to every component. It has quickly overtaken React.js and jQuery in terms of popularity \u00a0and it doesn&#8217;t show signs of slowing down anytime soon.<\/p>\n<p>Vue.js \u00a0is truly descriptive , declarative rendering, as oppose to other frameworks\/libraries. Vue.js provides a lot of fantastic features to work with DOM. Vue.js does not require webpack. Vue.js also reduces a ton of line of codes. \u00a0Vue.js\u00a0is really approachable and provides a little more structure on how to approach various things.\u00a0 Vue.js is also suitable for light-weight projects. It provides very different functionality though, namely structure and modularization. In fact, one can use JQuery and Vue.js together. Vue.js was 3rd most starred project in 2016 on GitHub. Vue is simpler, \u00a0Vue.js is much easier to integrate into many frameworks like Laravel, Rails or even Django. Parsing, ajax, and data binding \u00a0can be done with Vue.js. Vue is focusing on building some of the best actions in web UI development like components, declarative UI, hot-reloading, time-travel debugging and etc. \u00a0Vue.js has a much less complicated learning curve in comparison with Angular 2.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vue.js is a javascript framework to build user interfaces. Vue.js is a library for building web interfaces. Vue.js is simple, minimal core with an incrementally adoptable stack that can handle apps of any scale. Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/onclickinnovations.com\/blog\/vue-js\/\"> <span class=\"screen-reader-text\">Vue.js<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":702,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[1],"tags":[302,27,218,243,30,300,95,261,273],"jetpack_publicize_connections":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vue.js | Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onclickinnovations.com\/blog\/vue-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vue.js | Blog\" \/>\n<meta property=\"og:description\" content=\"Vue.js is a javascript framework to build user interfaces. Vue.js is a library for building web interfaces. Vue.js is simple, minimal core with an incrementally adoptable stack that can handle apps of any scale. Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, &hellip; Vue.js Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onclickinnovations.com\/blog\/vue-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/officialonclick\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-13T13:26:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/vue.jpg?fit=300%2C168&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"168\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Kavita Arora\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@OnClick_web\" \/>\n<meta name=\"twitter:site\" content=\"@OnClick_web\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kavita Arora\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/vue-js\/\",\"url\":\"https:\/\/onclickinnovations.com\/blog\/vue-js\/\",\"name\":\"Vue.js | Blog\",\"isPartOf\":{\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#website\"},\"datePublished\":\"2017-04-13T13:26:18+00:00\",\"dateModified\":\"2017-04-13T13:26:18+00:00\",\"author\":{\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/ba3ed611007952683830a055469e831c\"},\"breadcrumb\":{\"@id\":\"https:\/\/onclickinnovations.com\/blog\/vue-js\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/onclickinnovations.com\/blog\/vue-js\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/vue-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/onclickinnovations.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vue.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#website\",\"url\":\"https:\/\/onclickinnovations.com\/blog\/\",\"name\":\"Blog - OnclickInnovations Pvt. Ltd.\",\"description\":\"Onclick Innovations Pvt. Ltd.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/onclickinnovations.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/ba3ed611007952683830a055469e831c\",\"name\":\"Kavita Arora\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a0ee6f19fb45d91e456bfdfb6920112f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a0ee6f19fb45d91e456bfdfb6920112f?s=96&d=mm&r=g\",\"caption\":\"Kavita Arora\"},\"url\":\"https:\/\/onclickinnovations.com\/blog\/author\/divya\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vue.js | 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:\/\/onclickinnovations.com\/blog\/vue-js\/","og_locale":"en_US","og_type":"article","og_title":"Vue.js | Blog","og_description":"Vue.js is a javascript framework to build user interfaces. Vue.js is a library for building web interfaces. Vue.js is simple, minimal core with an incrementally adoptable stack that can handle apps of any scale. Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, &hellip; Vue.js Read More &raquo;","og_url":"https:\/\/onclickinnovations.com\/blog\/vue-js\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/officialonclick\/","article_published_time":"2017-04-13T13:26:18+00:00","og_image":[{"width":300,"height":168,"url":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/vue.jpg?fit=300%2C168&ssl=1","type":"image\/jpeg"}],"author":"Kavita Arora","twitter_card":"summary_large_image","twitter_creator":"@OnClick_web","twitter_site":"@OnClick_web","twitter_misc":{"Written by":"Kavita Arora","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onclickinnovations.com\/blog\/vue-js\/","url":"https:\/\/onclickinnovations.com\/blog\/vue-js\/","name":"Vue.js | Blog","isPartOf":{"@id":"https:\/\/onclickinnovations.com\/blog\/#website"},"datePublished":"2017-04-13T13:26:18+00:00","dateModified":"2017-04-13T13:26:18+00:00","author":{"@id":"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/ba3ed611007952683830a055469e831c"},"breadcrumb":{"@id":"https:\/\/onclickinnovations.com\/blog\/vue-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onclickinnovations.com\/blog\/vue-js\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onclickinnovations.com\/blog\/vue-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onclickinnovations.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Vue.js"}]},{"@type":"WebSite","@id":"https:\/\/onclickinnovations.com\/blog\/#website","url":"https:\/\/onclickinnovations.com\/blog\/","name":"Blog - OnclickInnovations Pvt. Ltd.","description":"Onclick Innovations Pvt. Ltd.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onclickinnovations.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/ba3ed611007952683830a055469e831c","name":"Kavita Arora","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/onclickinnovations.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a0ee6f19fb45d91e456bfdfb6920112f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a0ee6f19fb45d91e456bfdfb6920112f?s=96&d=mm&r=g","caption":"Kavita Arora"},"url":"https:\/\/onclickinnovations.com\/blog\/author\/divya\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/vue.jpg?fit=300%2C168&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/pe8hCy-bj","jetpack-related-posts":[{"id":644,"url":"https:\/\/onclickinnovations.com\/blog\/reactjs\/","url_meta":{"origin":701,"position":0},"title":"ReactJS","author":"Kavita Arora","date":"March 6, 2017","format":false,"excerpt":"#ReactJS #DOM #JavaScript #AJAX #MVCframework #UI React is a JavaScript UI library for dynamic websites. React allows to build complex UI using components as the basis of each building blocks. A component is the smallest possible representative of a group of DOM elements along with its corresponding actions and state.\u00a0\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/03\/react-js-framework.png?fit=600%2C270&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/03\/react-js-framework.png?fit=600%2C270&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/03\/react-js-framework.png?fit=600%2C270&ssl=1&resize=525%2C300 1.5x"},"classes":[]},{"id":720,"url":"https:\/\/onclickinnovations.com\/blog\/meteor\/","url_meta":{"origin":701,"position":1},"title":"Meteor","author":"Kavita Arora","date":"April 26, 2017","format":false,"excerpt":"Meteor \u00a0a full stack JavaScript (JS) framework, made up of a collection of libraries and packages.\u00a0Meteor has been built on concepts from other frameworks and libraries in a way that makes it easy to prototype applications. Essentially, it makes web development easier. It\u2019s flexible and requires less code, which means\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":762,"url":"https:\/\/onclickinnovations.com\/blog\/react-native-way-to-build-world-class-applications\/","url_meta":{"origin":701,"position":2},"title":"React Native way to build world-class applications","author":"Kavita Arora","date":"May 17, 2017","format":false,"excerpt":"React Native is a framework that enables one\u00a0to build world-class application experiences on native platforms based on JavaScript\u00a0and React.React Native is a mobile framework that compiles to native app components, allowing one to build native mobile applications (iOS, Android, and Windows) in JavaScript. \u00a0It\u2019s based on React, Facebook\u2019s JavaScript library\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":666,"url":"https:\/\/onclickinnovations.com\/blog\/bootstrap\/","url_meta":{"origin":701,"position":3},"title":"Bootstrap","author":"Kavita Arora","date":"April 4, 2017","format":false,"excerpt":"Bootstrap is an open-source Javascript framework developed.\u00a0 Bootstrap is a free collection of tools for creating a websites or web applications. There are lots of design templates and classes for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. BOOTSTRAP \u00a0is a commonly used CSS\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/boot.png?fit=728%2C400&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/boot.png?fit=728%2C400&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/boot.png?fit=728%2C400&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/boot.png?fit=728%2C400&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":610,"url":"https:\/\/onclickinnovations.com\/blog\/front-end-development-with-angular-js\/","url_meta":{"origin":701,"position":4},"title":"Front end Development with Angular.JS","author":"Kavita Arora","date":"January 18, 2017","format":false,"excerpt":"If you are about to proceed for your next web application project in JavaScript Framework you must need to take a quick look at Angular.js as your programming tool. As there are many JavaScript frameworks available, such as Jquery, Backbone.js and Knockout.js, so its a bit difficult to single out\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/01\/ang.jpg?fit=940%2C627&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/01\/ang.jpg?fit=940%2C627&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/01\/ang.jpg?fit=940%2C627&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/01\/ang.jpg?fit=940%2C627&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":712,"url":"https:\/\/onclickinnovations.com\/blog\/lodash-a-better-utility-library-developed-by-javascript-community\/","url_meta":{"origin":701,"position":5},"title":"Lodash :: a better utility library developed by JavaScript Community","author":"Kavita Arora","date":"April 20, 2017","format":false,"excerpt":"Lodash#underscore#libraries#APIs#JavaScript#JavaScripCommunity LODASH\u00a0 a big library and to be precise a utility library delivering consistency, customization, performance, & extras. Lodash was built with modularity and performance in mind from ground up. Lodash offers more flexibility allowing custom builds targeting different environments including ES2015 modules, \u00a0excellent libraries that have huge adoption and\u2026","rel":"","context":"In &quot;Custom Software Development Solutions&quot;","block_context":{"text":"Custom Software Development Solutions","link":"https:\/\/onclickinnovations.com\/blog\/category\/custom-software-development-solutions\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/lo.jpg?fit=750%2C422&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/lo.jpg?fit=750%2C422&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/lo.jpg?fit=750%2C422&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/onclickinnovations.com\/blog\/wp-content\/uploads\/2017\/04\/lo.jpg?fit=750%2C422&ssl=1&resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/701"}],"collection":[{"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":1,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/701\/revisions"}],"predecessor-version":[{"id":703,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/posts\/701\/revisions\/703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/media\/702"}],"wp:attachment":[{"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/media?parent=701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/categories?post=701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/onclickinnovations.com\/blog\/wp-json\/wp\/v2\/tags?post=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}