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 SOCIAL 🚨 Like quick Vue lessons like these? Check out 800 lessons over on Vue School - 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
Hide player controls
Hide resume playing