Drop jQuery from Bootstrap and use Vue.js instead!



https://i.ytimg.com/vi/PZ5pYNWZLJo/hqdefault.jpg



Since my tool of choice for adding dynamic functionality to a page is Vue.js now, it’s becoming harder to justify Bootstrap because it brings with it some baggage…I’m talking about jQuery.

See how we can replace jQuery in Bootstrap and replace it easily with Vue.js.

=======

Get the latest Vue.js articles, tutorials and cool projects in your inbox with the Vue.js Developers Newsletter http://vuejsdevelopers.com/newsletter/?jsdojo_id=youtube_djq

Original source


16 responses to “Drop jQuery from Bootstrap and use Vue.js instead!”

  1. How about Dropdowns to get work with VueJs. It is simple to toggle dropdown with click and adding classes. Any idea how we will handle that dropdown shall get closed clicking anywhere else on document and how about adding some animations stuff while showing modals and black overlay for modal?

  2. this was actually quite fascinating to watch. it's kinda quite different from jQuery way of doing things but it's making it so much simple. Hope i could catch up with the latest web dev trends. Haven't done any web apps for the past 2 years. thanks for the great demo, so clear!

  3. This was very useful, thanks. The tabs work great, but for the modal it seems if we want the full featured bootstrap.js equivalent, it's necessary to implement a bit more behaviour than shown in the video. In particular, the slide down, fade, darken background and click outside to close are all present in the standard bootstrap.js version but need more code than shown in the video to replicate.

Leave a Reply