Рубрики
Vue директива Vue основы

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

Пример Директивы

Файл директивы

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>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *