SHARE

Hey all, in this Vue JS tutorial I’ll show you how we can apply dynamic CSS classes to our elements using data binding.

—– COURSE LINKS:
+ Repo – https://github.com/iamshaunjp/vuejs-playlist
+ Atom editor – https://atom.io/a
+ Download GIT – https://git-scm.com/
+ Vue docs – https://vuejs.org/v2/guide/

———————————————————————————————
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress, Node.js & more on the channel homepage…

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== PSD to WordPress Playlist ==========

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W

============ Node.js for Beginners Playlist =============

https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

================== Social Links ==================

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

6 COMMENTS

  1. I've come back here again from custom directive tutorial to see if something is possible. what I'm wondering is if it's possible to refer to the class object (i.e. {available: true, nearby: false}) via 'el' parameter of the custom directive. for example,

    Vue.directive('theme', {
    bind(el, binding, vnode) {
    el.class = { a: … , b: …. }
    }
    })

    is this possible? Or should we use the el parameter only as a read-only purpose?

  2. I have watched your videos for two days and it helps a beginner like me a lot to get to know Vue. Thank you so much. I watched some crash course videos before on Vue but you are the best.

LEAVE A REPLY

Please enter your comment!
Please enter your name here