Make your own VUE DIRECTIVES in your app

In Vue, directives are one of the best ways to directly edit the DOM.

Some examples are v-if, v-show, v-bind, and so on. If you've worked in Vue, you are familiar with directives.

A Vue custom directive is, as you may guess, Vue's way of letting us build additional directives for our projects. They're a great way to add unique and reusable functionality across your project.

In this video, we'll take a look at how to build your very own Vue directive in Vue 3, using Vue directive hooks!

Leave any comments in the questions below!

//

FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
https://learnvue.co/vue-3-essentials-...

follow me on twitter:

  / mattmaribojoc  


🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - https://go.learnvue.co/vueschool

INTRO
Daily (Prod. by Lukrembo)

CHAPTERS
0:00 Introduction
0:30 What is a Vue Directive
0:58 Vue Directive Hooks
1:52 Vue Directive Hook Arguments
2:17 The Binding Object
3:05 Creating A Directive
4:04 Passing a Value to a Directive
5:00 Directive Args
5:35 Directive Modifiers