Using and creating Vue directives
summary
Covers concrete built-ins and reusable custom directives with working demos: v-model and @ (v-on) behavior, differences between v-if and v-show, and performance control with v-memo that only re-renders when listed props change. Shows custom directives built in the mounted/unmounted hooks: a hex-input masker that uppercases and strips invalid characters on input, a resource-checker that disables or hides elements based on permissions, and simple tooltip, hover, click-off and focus handlers wired and removed correctly.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 0:26Common Vue directives
- 3:22Less common directives
- 6:13Custom directives overview
- 9:28Permission and tooltip directives
- 11:36Click-off and focus directives
- 13:06Q&A
related talks
38mAn Introduction to the Vue Ecosystem
36mHow to Create 'Vuetiful' Data-Driven User Interfaces
50mVue.js - Power and Flexibility
26mPhenomenal Design Patterns In Vue
28mExploring Vue3's Built-In Components
24mHOT New Vue 3 Features
25mPhenomenal design patterns in Vue using Vuex with Spiders
32mAnimating Vue