About the Vue.js 3 Custom Directives course

Vue.js Directives are special HTML attributes that allow us to manipulate the DOM. Directives are very powerful and we use them every day.

Common directives are v-if, v-for and v-model.

The course covers all you need to know to be able to create your own, custom vue.js directives. In the course, we create a couple different directives to showcase the possibilities and power of custom vue.js directives.

This is the updated Vue.js 3 Version of our original Custom Vue Directives course.

The Directives

v-color changes the CSS color of the element every 500 milliseconds.

v-click-outside allows us to attach an event handler to when a user clicks outside an element. Perfect for modals and pop-over menus, toolboxes etc.

While the first might seem silly, it's a great demonstration of the directives API and how you create a Vue.js directive. The possibilities with these patterns are very powerful.

The course also teaches you what you need to know about directive modifiers and hooks.

·
·
·

What you will learn in the Vue.js 3 Custom Directives course

Understanding Vue.js Directives
Learn How to Create Directives
Learn How to Create Directives with Arguments
Learn How to Create Directive Modifiers

Share this course

Request a course

Who's behind the course

Daniel Kelly - Teacher
Daniel is a full-time educator at Vue School and has a massive passion for Vue.js, Nuxt.js, and Laravel.
Alex Kyriakidis - Contributor / Reviewer
Alex is an educator and consultant, core member of the Vue.js team and author of the first best-selling books on Vue.js.