{"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":"<!-- google_ad_section_start -->\n<p>&#8220;<a href=\"https:\/\/www.smashingmagazine.com\/2018\/02\/jquery-vue-javascript\/\">Replacing jQuery With Vue.js: No Build Step Necessary<\/a>&#8221; article looks at one of the ways to migrate from <a href=\"https:\/\/jquery.com\/\">jQuery<\/a> to <a href=\"https:\/\/vuejs.org\/\">Vue.js<\/a> as in almost drop-in replacement.\u00a0 It&#8217;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<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>&#8220;Replacing jQuery With Vue.js: No Build Step Necessary&#8221; article looks at one of the ways to migrate from jQuery to Vue.js as in almost drop-in replacement.\u00a0 It&#8217;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<!-- google_ad_section_end -->\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_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":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},"jetpack_post_was_ever_published":false,"_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":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"&quot;Replacing jQuery With Vue.js: No Build Step Necessary&quot; article looks at one of the ways to migrate from jQuery to Vue.js as in almost drop-in replacement. It&#039;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.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Leonid Mamchenkov\"\/>\n\t<meta name=\"google-site-verification\" content=\"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Leonid Mamchenkov - Life, universe, and everything else\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov\" \/>\n\t\t<meta property=\"og:description\" content=\"&quot;Replacing jQuery With Vue.js: No Build Step Necessary&quot; article looks at one of the ways to migrate from jQuery to Vue.js as in almost drop-in replacement. It&#039;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.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2018-02-19T12:15:18+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2018-02-19T12:15:18+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MamchenkovBlog\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov\" \/>\n\t\t<meta name=\"twitter:description\" content=\"&quot;Replacing jQuery With Vue.js: No Build Step Necessary&quot; article looks at one of the ways to migrate from jQuery to Vue.js as in almost drop-in replacement. It&#039;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.\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#blogposting\",\"name\":\"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov\",\"headline\":\"Replacing jQuery With Vue.js: No Build Step Necessary\",\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#articleImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"},\"datePublished\":\"2018-02-19T14:15:18+02:00\",\"dateModified\":\"2018-02-19T14:15:18+02:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#webpage\"},\"articleSection\":\"All, Programming, Technology, Web work, frameworks, JavaScript, jQuery, Vue, web development\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/programming\\\/#listItem\",\"name\":\"Programming\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/programming\\\/#listItem\",\"position\":3,\"name\":\"Programming\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/programming\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#listItem\",\"name\":\"Replacing jQuery With Vue.js: No Build Step Necessary\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#listItem\",\"position\":4,\"name\":\"Replacing jQuery With Vue.js: No Build Step Necessary\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/programming\\\/#listItem\",\"name\":\"Programming\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#webpage\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/\",\"name\":\"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov\",\"description\":\"\\\"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. 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.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2018\\\/02\\\/19\\\/replacing-jquery-with-vue-js-no-build-step-necessary\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"datePublished\":\"2018-02-19T14:15:18+02:00\",\"dateModified\":\"2018-02-19T14:15:18+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/\",\"name\":\"Blog of Leonid Mamchenkov\",\"description\":\"Life, universe, and everything else\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov","description":"\"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. 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.","canonical_url":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#blogposting","name":"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov","headline":"Replacing jQuery With Vue.js: No Build Step Necessary","author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"},"image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#articleImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"},"datePublished":"2018-02-19T14:15:18+02:00","dateModified":"2018-02-19T14:15:18+02:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#webpage"},"isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#webpage"},"articleSection":"All, Programming, Technology, Web work, frameworks, JavaScript, jQuery, Vue, web development"},{"@type":"BreadcrumbList","@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/mamchenkov.net\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/#listItem","name":"Programming"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/#listItem","position":3,"name":"Programming","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#listItem","name":"Replacing jQuery With Vue.js: No Build Step Necessary"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#listItem","position":4,"name":"Replacing jQuery With Vue.js: No Build Step Necessary","previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/#listItem","name":"Programming"}}]},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/#person","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author","url":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"WebPage","@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#webpage","url":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/","name":"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov","description":"\"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. 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.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/#breadcrumblist"},"author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"creator":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"datePublished":"2018-02-19T14:15:18+02:00","dateModified":"2018-02-19T14:15:18+02:00"},{"@type":"WebSite","@id":"https:\/\/mamchenkov.net\/wordpress\/#website","url":"https:\/\/mamchenkov.net\/wordpress\/","name":"Blog of Leonid Mamchenkov","description":"Life, universe, and everything else","inLanguage":"en-US","publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"}}]},"og:locale":"en_US","og:site_name":"Leonid Mamchenkov - Life, universe, and everything else","og:type":"article","og:title":"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov","og:description":"&quot;Replacing jQuery With Vue.js: No Build Step Necessary&quot; article looks at one of the ways to migrate from jQuery to Vue.js as in almost drop-in replacement. 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.","og:url":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/","og:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:secure_url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:width":1024,"og:image:height":1024,"article:published_time":"2018-02-19T12:15:18+00:00","article:modified_time":"2018-02-19T12:15:18+00:00","article:publisher":"https:\/\/www.facebook.com\/MamchenkovBlog","twitter:card":"summary_large_image","twitter:site":"@mamchenkov","twitter:title":"Replacing jQuery With Vue.js: No Build Step Necessary - Leonid Mamchenkov","twitter:description":"&quot;Replacing jQuery With Vue.js: No Build Step Necessary&quot; article looks at one of the ways to migrate from jQuery to Vue.js as in almost drop-in replacement. 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.","twitter:creator":"@mamchenkov","twitter:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg"},"aioseo_meta_data":{"post_id":"28396","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-07-20 05:10:41","updated":"2026-01-15 13:30:46","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/\" title=\"Programming\">Programming<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tReplacing jQuery With Vue.js: No Build Step Necessary\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/mamchenkov.net\/wordpress"},{"label":"Technology","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/"},{"label":"Programming","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/programming\/"},{"label":"Replacing jQuery With Vue.js: No Build Step Necessary","link":"https:\/\/mamchenkov.net\/wordpress\/2018\/02\/19\/replacing-jquery-with-vue-js-no-build-step-necessary\/"}],"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 &quot;All&quot;","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 &quot;All&quot;","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 &quot;All&quot;","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 &quot;All&quot;","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&#8217;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 &quot;All&quot;","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 &quot;All&quot;","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}]}}