Using jQuery with Vue.js (pros and cons)

I want to share my thoughts on using jQuery and Vue.js together. In my experience, there’s no good reason why you should be using jQuery with Vue.js.

Vue.js is a self-contained JavaScript framework. There’s nothing you can’t do in Vue.js that you can do in jQuery.

Cons of using jQuery with Vue.js:

• Extra kilobytes will be sent with each site load (over 80KB, minified).
• Chaos in your DOM as Vue.js implements a virtual DOM, meanwhile, jQuery is used to manipulate the static DOM.
• jQuery uses a totally different approach to track DOM elements. It looks for elements by id and classes.

Conclusion Vue.js or jQuery

If you’re building a single-page application using Vue.js, you shouldn’t be using jQuery unless your using plugins that require jQuery.

Vue.js is reactive, simple, intuitive and written in plain JavaScript. You can build a prototype with Vue.js, a single-page application, a progressive web app with loads of state changes.

jQuery is cross-platform, has loads of plugins and very popular. If you want to build a website with simple DOM manipulations — use jQuery.

Please share your comments below.
Cheers,
Renat Galyamov

Want to share this with your friends?
👉 renatello.com/jquery-and-vue-js

PS: Make sure you check other Vue.js tutorials, e.g. Top 5 CSS frameworks for your Vue.js project (2019), set the background image using inline styles in Vue.js.

Originally published at https://renatello.com (Using jQuery with Vue.js (pros and cons) on July 27, 2019.