Bitrix Framework

Local directive - const directive = {...}

Directive parameter object: you learn more in Vue documentation.

const directive = {
	...definition...
};

Example

export const focus = {
	mounted: (el) => el.focus()
};

Please note, the first letter of variable is in lower case. This is done to avoid re-naming it locally after registering the directive in your application or component.

import {focus} from './directives/focus';

const Component = {
	directives: {
		focus
    },
    template: `
        <input v-focus>   
    `
}