{"id":28396,"date":"2018-02-19T14:15:18","date_gmt":"2018-02-19T12:15:18","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=28396"},"modified":"2018-02-19T14:15:18","modified_gmt":"2018-02-19T12:15:18","slug":"replacing-jquery-with-vue-js-no-build-step-necessary","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/","title":{"rendered":"Replacing jQuery With Vue.js: No Build Step Necessary"},"content":{"rendered":"\n

“Replacing jQuery With Vue.js: No Build Step Necessary<\/a>” article looks at one of the ways to migrate from jQuery<\/a> to Vue.js<\/a> as in almost drop-in replacement.\u00a0 It’s a nice starter guide for people who have been using jQuery for years and are now looking at more powerful and modern JavaScript frameworks.<\/p>\n\n","protected":false},"excerpt":{"rendered":"\n

“Replacing jQuery With Vue.js: No Build Step Necessary” article looks at one of the ways to migrate from jQuery to Vue.js as in almost drop-in replacement.\u00a0 It’s a nice starter guide for people who have been using jQuery for years and are now looking at more powerful and modern JavaScript frameworks.<\/p>\n\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"Replacing jQuery With Vue.js: No Build Step Necessary #WebDev #JavaScript #jQuery #VueJS","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,18,62,1334],"tags":[3063,1139,3044,3529,1330],"keyring_services":[],"class_list":["post-28396","post","type-post","status-publish","format-standard","hentry","category-general","category-programming","category-technology","category-web-work","tag-frameworks","tag-javascript","tag-jquery","tag-vue","tag-web-development"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":28415,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/27\/vue-js%e2%80%8a-%e2%80%8aanswering-the-why-after-15-months\/","url_meta":{"origin":28396,"position":0},"title":"Vue.js\u200a\u2014\u200aanswering the Why, after 15 months","author":"Leonid Mamchenkov","date":"February 27, 2018","format":false,"excerpt":"Harshal Patil shares his positive experience with the Vue.js JavaScript framework, after using it for just over a year in \"Vue.js\u200a\u2014\u200aanswering the Why, after 15 months\".\u00a0 As many before him, he focuses on the virtual DOM, optional but powerful build system, state management, single file components, performance, testability, and a\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28357,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/01\/quasar-framework\/","url_meta":{"origin":28396,"position":1},"title":"Quasar Framework","author":"Leonid Mamchenkov","date":"February 1, 2018","format":false,"excerpt":"Quasar Framework looks like a good starting point for the new websites, web and mobile applications.\u00a0 It's powered by Vue.js and helps developers to bootstrap their applications.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/02\/quasar-500x248.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27647,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/05\/29\/react-vs-angular-vs-ember-vs-vue-js\/","url_meta":{"origin":28396,"position":2},"title":"React vs Angular vs Ember vs Vue.js","author":"Leonid Mamchenkov","date":"May 29, 2017","format":false,"excerpt":"Following the yesterday's post on WordPress choosing the JavaScript framework, here comes a rather extensive review of React, Angular, Ember, and Vue. \u00a0This one looks at the four frameworks from different perspectives, provides feature lists, and has a tonne of links to external resources for more information.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27946,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/09\/06\/vuejs-and-graphql-with-apollo\/","url_meta":{"origin":28396,"position":3},"title":"VueJS and GraphQL with Apollo","author":"Leonid Mamchenkov","date":"September 6, 2017","format":false,"excerpt":"This blog post demonstrates how to tie together Vue.js and GraphQL using the Apollo Client. \u00a0This is not something that I've tried yet, but it's on the horizon. If you have any other handy links for either Vue.js or GraphQL, please throw them my way.","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":42341,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/04\/08\/you-dont-need-jquery\/","url_meta":{"origin":28396,"position":4},"title":"You Don’t Need jQuery","author":"Leonid Mamchenkov","date":"April 8, 2019","format":false,"excerpt":"You Don't Need jQuery is a GitHub repository with a collection of code snippets that show how to do the most common jQuery bits in native JavaScript. The collection covers a whole range of subjects, like: Query selectorCSS and styleDOM manipulationAJAXEventsPromisesAnimations... and more. All examples should work just fine in\u2026","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":28345,"url":"https:\/\/mamchenkov.net\/wordpress\/2018\/01\/22\/top-10-best-tour-website-guide-javascript-and-jquery-plugins\/","url_meta":{"origin":28396,"position":5},"title":"Top 10: Best Tour (website guide) Javascript and jQuery plugins","author":"Leonid Mamchenkov","date":"January 22, 2018","format":false,"excerpt":"As I always, I was just looking for one, but found a whole top 10 ...\u00a0Top 10: Best Tour (website guide) Javascript and jQuery plugins.\u00a0 Any other recommendations or comments?","rel":"","context":"In "All"","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2018\/01\/tour-500x347.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=28396"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/28396\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=28396"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=28396"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=28396"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=28396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}