[ad_1]
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!”
Nice vid — I like the idea of writing my own JS for Bootstrap rather than add another dev dependency!
there are thousands of jquery plugins out there how we can update them in VEU?
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?
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!
Recommended playback speed: 1.25x 🙂
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.
there is a fork for Vue 2 support. https://wffranco.github.io/vue-strap/
give more interesting examples Vue.js!
what is the difference between VUEjs and bootstrap?
Awesome tutorial bro. Very practical and useful. I was able to use the tabs part in a client project I'm working on so many many thanks.
Doooooooooooode!! This is so awesome! Just what I was looking for … I love jQuery, but looking for something better … and I found it. Thanx a bunch!!
can you dynamically detect the nth child without manually setting tab==={index} for each tab or pane ?
That was very clever. Thanks for the video
Nice video I have commmented on Medium about duplicating object, if you have done something like it, could you share it? Thanks!
Can you explain how it works if you have multiple modals or multiple tabs. Since the Vue is bound to the #element. With classes you get the effect that they all show/hide.
Nice video