Vue.js vs jQuery

First of all – there is nothing wrong with jQuery, especially that it comes with Bootstrap adding interactivity. The main question is: is it worth to learn Vue.js, something totally new, with new style of workflow, new tools, new ecosystem, having still available what jQuery offers?

Well, the answer depends on another question: would you like to have your job done faster? If the answer is: yes, and if interfaces you build are not limited to simple dynamic updates of dropdowns or other controls here and there, then YES, Vue.js is worth learning.


Quick fix: Vue.js or React?

Vue.js fits also smaller projects, it can be quickly applied on a page via CDN link. React is excellent too, but better suited for bigger, standalone projects. Vue.js is more flexible, quicker, can be used on parts of page, and in general you can  apply very fast what you learn about Vue.js. You don’t need to create new stuff to use what you know about Vue.js, you can start using it from the day one in projects you already have, replacing vanilla JavaScript/jQuery functionality where it can improve UI. So, definitely – Vue.js is better, unless you work in large project where React for some reasons – or other JavaScript framework/library can be the only way to go.

From my perspective game changers in Vue.js are mainly:

  • computed properties,
  • routing
  • two ways binding
  • possibility to create reusable components
  • option to exchange messages between components
  • no problem with mixing Vue.js with Bootstrap CSS or other CSS frameworks

Also, thanks to modular approach to business logic (via import/export components) Vue.js let’s you to organise your project in better, cleaner way.

For web developers who use server side programming languages like PHP or Django/Python stuff Vue.js doesn’t have this not-quite-sane feel of pure JavaScript coding. So, if you complain about writing frontend with jQuery/vanilla JavaScript, Vue.js can be quick cure for this problem.