Собственная Директива

• Файл директивы
  directives\VMyDirective.js

export default{
 name:MyDirective,
 //el - текущий элемент к которому привязана директива
 //хук - например Mounted
 Хук(el, binding){
 //binding.value значение передаваемое от директивы
 }
}

• Хранилище собственных директив
  Удобнее содержать список собственных директив в одном файле как библиотеку.
  directives\index.js

import VMyDirective from './directives/VMyDirective';
export defualt[
 VMyDirective,
]

• Регистрация цикла собственных директив

import App from './App';
//import VMyDirective from './directives/VMyDirective';
import directive from './directives';

const app = createApp(App);
//add.directive('mydirective',VMyDirective);
directives.forEach(directive=>{
 app.directive(directive.name,directive);
})
add.mount('#app');

• Собственная директива
  используется каким-то компонентом

<template>
//binding- функция,объект и т.д.
<el v-mydirective="binding"></el>
</template>